css - 既然移动端viewport可以设置宽度，为什么还要用rem方案？

问题描述

既然移动端viewport可以设置宽度，为什么还要用rem方案？比如大部分移动端UI设计稿都是640px的宽度，那么我直接设置<meta content='width=640, user-scalable=no' name='viewport'>不就可以了吗？就是我强制的让屏幕全屏显示640宽度的页面。也不需要rem单位换算了，直接按照UI图上的像素值设置CSS样式就可以了？不是吗？

问题解答

实际情况确不得不管大于640或者小于640的吧，所以就得设置一个基础字体大小，然后再根据不同需求设置具体rem大小的字体

手机屏幕大小各种不一样，所以需要用比例型单位供参考http://www.jianshu.com/p/b00c...

我觉得可以看下这个文档里的描述：Viewport_meta_tag

对于设置了初始或最大缩放的页面，width属性实际上变成了最小视口宽度。比如，如果你的布局需要至少500像素的宽度，那么你可以使用以下标记。当屏幕宽度大于500像素时，浏览器会扩展视口（而不是放大页面）来适应屏幕

<meta name='viewport' content='width=500, initial-scale=1'>