viewport属性如何正确使用

Question

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

由于user-scalable=no意味着我们不允许用户放大或缩小页面。那为什么我们需要使用initial-scale=1.0和maximum-scale=1.0？是否有必要使用它们？

Answer 1

你的直觉是正确的，URL : $topo.urlFileServer 是不需要的，因为页面无论如何都无法缩放。设置maximum-scale=1.0是一种常见模式，几乎等同于minimum-scale=1.0, maximum-scale=1.0。几乎是因为某些浏览器会以一定比例加载页面，以便所有内容宽度都可见（例如Android上的Chrome就是这样），因此用户可能会以不是1.0且不能缩放的比例开始。但是，添加user-scalable=no会将缩放强制为1.0。