既然移动端viewport可以设置宽度,为什么还要用rem方案?
比如大部分移动端UI设计稿都是640px的宽度,
那么我直接设置
<meta content="width=640, user-scalable=no" name="viewport">
不就可以了吗?就是我强制的让屏幕全屏显示640宽度的页面。
也不需要rem单位换算了,直接按照UI图上的像素值设置CSS样式就可以了?不是吗?
既然移动端viewport可以设置宽度,为什么还要用rem方案?
比如大部分移动端UI设计稿都是640px的宽度,
那么我直接设置
<meta content="width=640, user-scalable=no" name="viewport">
不就可以了吗?就是我强制的让屏幕全屏显示640宽度的页面。
也不需要rem单位换算了,直接按照UI图上的像素值设置CSS样式就可以了?不是吗?
我觉得可以看下这个文档里的描述:Viewport_meta_tag
对于设置了初始或最大缩放的页面,width属性实际上变成了最小视口宽度。比如,如果你的布局需要至少500像素的宽度,那么你可以使用以下标记。当屏幕宽度大于500像素时,浏览器会扩展视口(而不是放大页面)来适应屏幕
<meta name="viewport" content="width=500, initial-scale=1">
5 回答1.5k 阅读
3 回答962 阅读✓ 已解决
5 回答1.6k 阅读✓ 已解决
4 回答1.3k 阅读✓ 已解决
2 回答933 阅读✓ 已解决
2 回答1.5k 阅读✓ 已解决
2 回答1.3k 阅读✓ 已解决
实际情况确不得不管大于640或者小于640的吧,所以就得设置一个基础字体大小,然后再根据不同需求设置具体rem大小的字体