iOS Sarari 浏览器允许网页 Head 里存在一个 Viewport 声明，用来规范浏览器对此页面的缩放特性，完整的声明如下：
|
1
|
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=no" /> |
Viewport 里目前有五个可以设置的属性，它们各自的作用如下：
- width：设置 viewport 的宽度，即 iPhone 最初模拟 PC 浏览器的宽度，之后 iPhone/iPad 会这个宽度展现的页面同比缩放到 iPhone/iPad 屏幕上。设置 width=device-width 后就不会再进行缩放了，因为宽度正好和 iPhone/iPad 的宽度相同（前提是没有设置缩放比例）。
- minimum-scale 和 maximum-scale：是控制用户允许设置的最大/最小缩放比例的。
- user-scalable：标识是否允许对页面进行缩放，取值有两个 yes 和 no。设置为 no 则不允许进行页面缩放了。
- user-scalable：设置页面的初始化缩放比例。
妙用 Scale
iOS Safari 的缩放特性出来方便视力有障碍的用户以外，我们还可以利用它来提高网站的浏览体验。例如下面这个双栏页面。
假设这个页面要针对 iPad 进行优化，页面总宽度为 960px，左栏宽度为 600px。根据观察，我认为用户对页面进行放大的目的基本上是为了方便阅读正文。因此我们可以这样计算用户允许设置的最大缩放比例：设备显示宽度 / 600 = 1024 / 600 = 1.7。这样，用户把页面放到最大的时候，刚好能显示左栏的内容，而把右栏隐藏。