想用rem给width与height进行赋值时，该怎么计算呢？
答案:2 悬赏:0 手机版
解决时间 2021-03-29 14:57
- 提问者网友：玫瑰园
- 2021-03-28 17:59
想用rem给width与height进行赋值时，该怎么计算呢？
最佳答案
- 五星知识达人网友：愁杀梦里人
- 2021-03-28 18:49
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+，其他浏览器可见的版本基本都支持，多用于移动端
rem是相对长度单位。相对于根元素(即html元素)font-size计算值的倍数
根元素（html）先设置一个font-size，一般情况下为了容易计算rem的值，会将根元素设置为62.5%，因为默认状态下，浏览器的默认文字大小为16px，16*0.625=10px，这样就有1rem=10px，用到数值就很容易计算。
例如需要20像素的宽度，则可以设置为width:2rem;
这样设置的好处是便于处理响应式布局，只需要根据需要调整根元素的font-size就可以直接对所有rem相对单位的相关元素同时调整。
浏览器的支持度：IE9+，其他浏览器可见的版本基本都支持，多用于移动端
全部回答
- 1楼网友：煞尾
- 2021-03-28 19:17
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
你在研究下吧
不要用于其他元素
下面是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
你在研究下吧
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
点此我要举报以上问答信息
大家都在看
推荐资讯