rem布局之font-size入手

2019独角兽企业重金招聘Python工程师标准>>>

拿到图，首先查看一下图的大小。然后查看此对应屏幕@media and screen中的html的font-size大小，然后再决定分成多少份，才能测量并写出各距离和宽高等值。 举例说一下吧。比如UI给了你750的图，那么一般在你的base.css或者common.css中会有屏幕适配的媒体查询（不懂媒体查询的，可以先看我的这篇博客:[媒体查询，移动端常见布局及其他](https://my.oschina.net/yxmBetter/blog/872642）代码，在其中你会看到750屏幕对应的html的font-size大小，比如是23.5px(也就是在750屏幕中，1rem = 23.5px)；此时，在你750的图上比如测量出一个div盒子的宽度是200px，那么你的适配写法应该是设置div盒子的宽度是：width:200/23.5rem;这样设置才能保证不同屏幕的适配。 赶紧试一试吧。 如果有帮助记得收藏一下，如果有错误，欢迎纠正哈，多谢！

转载于:https://my.oschina.net/yxmBetter/blog/905347