适配iphoneX底部安全区
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"> <div c...
- 博客
- 移动端适配总结（长文）布局 静态布局: 定宽定高布局, 不随设备和视口改变【定宽居中， pc】 流式布局: 大小改变,布局不变，宽度使用百分比和min/max，高固定 【栅栏系统（网格系统）】 自适应布局: 大小改变，主体内容和布局没变，缺点，太小屏幕内容过于拥挤 （大小不变，位置改变） 弹性布局: 大小位置都会变...博客
- 网易移动端适配//网易移动端适配 ; (function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector("meta[name="viewport"]");...博客
- 自定义rem适配// 设计稿自定义为375px 利用测量的px大小除以50px 即可得到所需rem值 (function () { remLayout(); function remLayout() { // 获取屏幕宽度 var w = document.do...博客
- 移动端项目适配前置 希望通过这篇文章帮助你很好的适配移动端项目，如有不足，恳请指点一二！ 单位 分辨率: 单位面积显示像素的数量，和 css 无关 DPI：图像每英寸长度内的像素点数（1 英尺=30.48 厘米） css 的 px: 96 DPI 的单像素的物理大小 物理像素：在由一个数字序列表示的图像中的...博客
- 移动端适配的最佳实践移动端适配我们需要做哪些事情? 一个最佳实践除了设置 viewport 和 rem 基准值，随着iPhone手机的不断升级，我们不得不正视以下2个问题： 安全区域适配 识别刘海屏 关于viewpoint-fit 在切入正题之前，我们先展开介绍一下viewpoint-fit，它的作用是用于设置可...博客
- vue项目使用Vant框架Rem适配（postcss-pxtorem、lib-flexible ）的安装使用1.下载lib-flexible 使用的是vue-cli webpack，通过npm来安装的 npm i lib-flexible --save 2.引入lib-flexible 在main.js中引入lib-flexible import "lib-flexible/flexible" 3....博客
- vue移动端适配（px转vw）postcss-px-to-viewport配安装postcss-px-to-viewport npm install postcss-px-to-viewport 根目录新建postcss.config.js文件 //postcss.config.js文件 module.exports = { plugins: { "pos...博客
- 比较好用的移动端适配的两种方案及flexible和px2rem-loader在webpack下的配移动端适配，目前自己常用的两种 方案，参考以下两篇好文 方案一：使用lib-flexible包 https://www.w3cplus.com/mobile/lib-flexible-for-html5-layout.html 使用flexible包方式，安装 lib-flexible 包和 ...博客
- 移动端rem适配问题将下面这段代码，放在头部的script标签里，可解决字体适配问题 比例是28px = 1rem function __setFontSize__(){document.documentElement.style.fontSize = Math.min( 640, Math.max(docume...博客
