rem布局

在移动端页面布局时。请优先考虑rem布局,请抛弃em!!!太麻烦了,,,,,还要时刻知道他爸有多大!!!不能忍。

还是用rem吧,毕竟人家是相对于根目录HTML的。

给html{font-size:10px;}//这时候1rem就等于10px;

p{font-size:1rem;width:5rem;height:6rem;}//p标签的宽高分别为50px 60px,字体大小为10px;

但是你会发现,在浏览器中,你的字体不是10px大小,那是因为浏览器有默认字体大小,谷歌的默认最小字体为12px,那是因为谷歌认为汉子小于12px时影响阅读。特别是宋体和黑体时。

你可以使用css属性,限制浏览器默认字体大小,当然,建议时有选择性的对某个标签使用这个属性。具体哪个属性,自己百度喽!!

然后就是结合媒体查询。

@media screen and(min-width:;)and(max-width:;){

  html{font-size:**px;}

}

最后,这事随笔,有很多不足的地方。希望看的本文的各位老司机不要吐槽。欢迎老司机留言交流!。。。。。。。。

 

posted @ 2017-03-09 16:10  米斯特王L  阅读(152)  评论(1)    收藏  举报