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

Question

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

Answer 1

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

Answer 2

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

Answer 3

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

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

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