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

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

阅读 5.8k
3 个回答

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

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

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

<meta name="viewport" content="width=500, initial-scale=1">
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题