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;}
}
最后,这事随笔,有很多不足的地方。希望看的本文的各位老司机不要吐槽。欢迎老司机留言交流!。。。。。。。。

浙公网安备 33010602011771号