Question

想用rem给width与height进行赋值时，该怎么计算呢？

rem在设置宽度和高度的时候，该怎么进行计算呢？
比如htm{font-size: 62.5%;}
那么font-size:2rem;与font-size:20px是一样的
但是width:20rem与width:200px是不一样的。
所以，当想用rem进行width与height进行设置时，该怎么计算呢？

Answer 1

rem单位详解：
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数
根元素（html）先设置一个font-size，一般情况下为了容易计算rem的值，会将根元素设置为62.5%，因为默认状态下，浏览器的默认文字大小为16px，16*0.625=10px，这样就有1rem=10px，用到数值就很容易计算。

例如需要20像素的宽度，则可以设置为width:2rem;
这样设置的好处是便于处理响应式布局，只需要根据需要调整根元素的font-size就可以直接对所有rem相对单位的相关元素同时调整。
浏览器的支持度：IE9+，其他浏览器可见的版本基本都支持，多用于移动端

Answer 2

em rem 这是用于设置字体相对大小的
不要用于其他元素

下面是W3C的描述
5.1.1.Font-relative lengths: the ‘em’, ‘ex’, ‘ch’, ‘rem’ units

‘rem’ font size of the root element

Equal to the computed value of ‘font-size’ on the root element.
When specified on the ‘font-size’ property of the root element, the ‘rem’ units refer to the property's initial value.

追问

我是看到网易手机端的网页，他的width margin padding全用了rem
后来又看了看rem的资料，说是响应式首选，所以好奇网易是怎么计算rem使其用在width margin之类的。

追答

是能用 但有点问题

我试了下 font-size: 62.5%或更小的时候 px和rem比值不变

在IE firefox中 比值 1:10
在chrome 比值 1:12

你在研究下吧