在移动端设计稿为1080p的时候,用rem布局。怎么计算宽度和字体大小?
我用的rem是1rem=100px。原先做750P的时候,把px/除100就可以转换成rem了,做的根原稿一样。可是1080P的的宽和字体大小我在用原先的就不对了。如宽1...
我用的rem是1rem=100px。原先做750P的时候,把px/除100就可以转换成rem了,做的根原稿一样。可是1080P的的宽和字体大小我在用原先的就不对了。如宽1080像素,我转换成ren也是10.8rem,而且1080P的字体普遍较大,除100转换成rem,也是不匹配的啊
展开
1个回答
展开全部
原文链接: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来换算。
来源:前端开发博客
这是我查看资料分享过来的,具体对不对要看题主测试之后的结果
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来换算。
来源:前端开发博客
这是我查看资料分享过来的,具体对不对要看题主测试之后的结果
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询