「rem」是指根元素（root element，html）的字体大小，从遥远的 IE6 到版本到 Chrome 他们都约好了，根元素默认的 font-size 都是 16px。 rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小 ...

rem 量图计算公式： 获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。 故： 设置html 下 ...

git地址：https://github.com/wjf444128852/about-web-rem 建议在CSS引入之前引入下面这段JS代码，比例1rem：100px。 用了这个JS就不用在CSS内写N多个@media screenXXX了。 说明： 在html内最外层元素 ...

先抛出一个问题：为什么要选择rem？ px：像素是相对于显示器屏幕分辨率而言的相对长度单位。pc端使用px倒也无所谓，可是在移动端，因为手机分辨率种类颇多，不可能一个个去适配，这时px就显得非常无力，所以就要考虑em和rem。 em：继承父级的，假设html的font-size默认为16px ...

rem 量图计算公式： 获取比值：设备尺寸/设计图尺寸 例如：设备宽度尺寸为 375px 、设计图尺寸为750px，计算获得比值为0.5，量得设计图上某个图片元素宽度为 100px，实际在375px宽度的设备上此元素为 100 * 0.5 = 50 px。 故： 设置html 下 ...

rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位，em（font size of the element）是指相对于父元素的字体大小的单位。它们之间其实很相似，只不过一个计算的规则 ...

前言 这段时间的小项目中算是真正意义上使用了rem来进行移动端的页面布局，项目结束了我反思了一下之前的对于rem的使用...原来我以前对rem用法完全是在搞笑啊！！结合这次这个小项目，我觉得我也有必要对rem布局以及用法进行一次总结。 ps.文笔可能不太好... 1.什么是rem 来自于鹅 ...

在做移动端web app的时候，众所周知，移动设备分辨率五花八门，虽然我们可以通过CSS3的media query来实现适配，例如下面这样： 但是这种做法并不能适配所有设备， ...