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

问题描述

问 题

如题，谢谢解答

解决方案

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

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

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

这篇关于javascript - 请问直接加meta name="viewport"标签，css写px也能适配移动端，那么用rem布局和前者有什么区别和优势？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！