在移动端设计稿为1080p的时候,用rem布局。怎么计算宽度和字体大小...
发布网友
发布时间:2022-04-28 16:49
我来回答
共1个回答
热心网友
时间:2022-05-12 02:17
原文链接:http://caibaojian.com/rem-and-px.html
1rem等于多少px呢?·
1rem等于html根元素设定的font-size的px值,假如我们在css里面设定下面的css。
//code from http://caibaojian.com/rem-and-px.html
html{font-size:14px}
那么后面的CSS里面的rem值则是以这个14来换算,例如设定一个div宽度为3rem,高度为2.5rem.则它换算成px为width:42px.height:35px,同理,假如一个设计稿为宽度42px,高度为35px,则换成成rem,则是42/14=3rem,35/14=2.5rem。
如果css里面没有设定html的font-size,则默认浏览器以1rem=16px来换算。
来源:前端开发博客
这是我查看资料分享过来的,具体对不对要看题主测试之后的结果