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

...

1.为什么用rem 根据屏幕大小，自动调整大小 2.如何使用rem 分以下几步 a.用ps把设置稿弄成640px或者750px的（记得等比例缩放） b.调试时记得把浏览器默认最小字体设置为最小。手机端是支持12px以下的字体的 c.引入meta头 d.引入reset文件 ...

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

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

css单位有3种： px：绝对单位 em：相对父元素的单位 rem：相对根元素（页面的html）的单位--css3新增的 下面来仔细讲下近年来在webapp中常用的rem： 什么是rem？ rem就是指相对根元素（页面html）的单位。 例如：html设置了font-size ...

CSS3引入新的字体尺寸单位 rem ，可以简单记忆为root rm。 CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的——“font size of the root element” 。下面我们就一起来详细的了解rem。 em单位是相对于 ...

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