首页 > 开发 > HTML > 正文

请问直接加meta name="viewport"标签,css写px也能适配移动端,那么用rem布局和前者有什么区别和优势?

2017-09-09 13:21:45  来源: 网友分享

如题,谢谢解答

解决方案

首先rem是根据html根文档的font-size进行变化.默认是1rem = 16px

脑力是一个人一生中最珍贵的资源 —— 向各位劈荆斩棘的前辈们致敬

所以如果动态的变化html的font-size.那么rem布局的字体 盒模型就能有相对应的变化.这就是px做不到的
具体的实战: 盒模型样式 根据移动端设备的物理大小进行调整. 最直观的就是在宽度320px的屏幕 和 375的屏幕 字体能非常适合的变大 变小
具体的详见文章从网易与淘宝的font-size思考前端设计稿与工作流