如何去计算rem的值？

Question

我的理解是

            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;

}

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

Answer 1

姜维 2016-08-31 16:38:47

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

• 提问者 weibo_哆啦A梦有大口袋_0 #1

  非常感谢！

• 陈英俊 #2

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

Answer 2

慕斯1604291 2019-01-05 10:57:20

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

Answer 3

姜维 2018-03-30 11:01:27

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