如何去计算rem的值？

来源：4-5 页眉页脚样式

weibo_哆啦A梦有大口袋_0

2016-08-29

我的理解是

1.现在设计稿量出某块的padding值,设水平方向padding为x，垂直方向padding为y。

2.假设对边的padding相等

 html{
    font-size: 62.5%; /*16x62.5%=10px*/
    color: #222;
}

3.又因为我们使用中文版谷歌浏览器,所以font-size下限是12px;

4.所以

.xxx{

padding:(y/12)rem (x/12)rem;

}

不知道我这种算法是否正确,因为老师没讲这些细节,我想求证一下

写回答

3回答

姜维

2016-08-31

已采纳

可以这样理解，在中文Chrome中，如果html的font-size: 62.5%; 那么 1rem = 12px，所以为了兼容性，可以选择设置 font-size: 625%; 1rem = 100px

陈英俊

姜老师 font-size : 62.5% ，1rem 是= 10px吧

2018-03-05

共2条回复

慕斯1604291

2019-01-05

rem还要再去除以12px？那媒体查询里，所有padding里不是都要再计算一遍

姜维

2018-03-30

font-size : 62.5% ，1rem 不一定是 10px，要看浏览器的字体设置

响应式开发一招致胜

用一套代码开发出不受设备型号、尺寸限制的互联网金融网站

4021 学习 · 752 问题

相似问题

回答 3

回答 2

回答 2

回答 2

回答 1