随着手机等移动设备的普及，移动端带来的流量已经不可忽视，一个网站不只是只有pc的页面就足够了，移动端的适配已经势在必行。但是移动设备种类繁多，屏幕尺寸也千奇百怪，能不能找到一种方式可以适配所有的手机屏幕呢？ 答案就是rem。 俗话说 “授人以鱼不如授人以渔”，但今天我就反其道而行，就是授人以鱼 ...

rem移动端适配： 在移动端（手机端、Pad端），设备尺寸参差不齐。如果想要写完一套代码，能够在所有移动设备上都正常运行，那么采用原生的px单位来设置是不行的。举个例子：iPhone6的尺寸是375px，如果我们想要一个盒子是占据整个宽度的一半，那么会将这个盒子的宽度设置为187.5px ...

一个网页，在电脑端和pc端，设置同样的像素，为什么显示的大小不同？ 先直接回答一下这个问题，再讲一下相关的概念； 移动端对这个页面进行了缩放，这是浏览器帮我们做的，虽然没有设置 meta 标签，没有设置initial-scale(缩放值） 　　浏览器默认，对于移动 ...

** 需求: 随着移动端设备的变化，内容也跟着变化。**先来说说rem单位，以rem为单位，其大小是根据根元素（html标签）的字体大小来判断的， 如 html的font-size：100px； 子元素div 的width：2em； 等同于width：200px；（100 ...

移动端适配 web页面跑在手机端（h5页面） 跨平台 基于webview（） 基于webkit 常见适配方法 pc端采用display：inline-block，让div盒子横着排 移动web：采用定高，宽度百分比，flex弹性布局，meDIA ...

概念 对于移动端开发来说，无可避免的就是直面各种设备不同分辨率和不同DPR（设备像素比）的问题，在此忽略其他兼容性问题的探讨。 移动端像素 设备像素(dp)，也叫物理像素。指设备能控制显示的最小物理单位，意指显示器上一个个的点。从屏幕在工厂生产出的那天起，它上面设备像素点就固定不变 ...

在使用vant UI时候，由于是在移动端开发 所以需要使用rem为单位，而vant里面的组件默认是px单位，就需要用到官网提供的两个插件。 具体配置参看这位老哥的：https://www.jianshu.com/p/b0902e3d4aeb 配置完之后在开发中就可以使用px单位了，它会自动转化 ...

在使用vant UI时候，由于是在移动端开发 所以需要使用rem为单位，而vant里面的组件默认是px单位，就需要用到官网提供的两个插件。 具体配置参看这位老哥的：https://www.jianshu.com/p/b0902e3d4aeb 配置完之后在开发中就可以使用px单位了，它会自动转化 ...