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

Question

如题，谢谢解答

Answer 1

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

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

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

Answer 2

rem适配方案，大都配合动态设置缩放比和根元素的字号大小，适配比较灵活，直接px，相当于写死了盒子大小

Answer 3

rem（font size of the root element）是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。
px是一个绝对单位；rem是通过根元素进行适配的，网页中的根元素指的是html我们通过设置html的字体大小就可以控制rem的大小；在不同的屏幕进行自动的适配；
但是在实际的项目中；px;%;rem大多都是混合使用；只要结果是完美的就可以。

Answer 4

rem主要用于的场合是移动 pc都能看的页面，一个闭包函数来解决动态的设定根字体的大小，从而适用于从移动端到pc端的逐步放大，而不会使页面各div间距有过于明显的变化。而px写移动端页面，那么最好不要放在pc上去看，否则样式间距会过大，造成页布局难看。