现在的位置: 网页制作教程网站制作教程 >正文
网页高级教程

viewport在iOS Safari 浏览器下的应用

发表于2017/1/3 网站制作教程 0条评论 ⁄ 热度 2,652℃

iOS Safari浏览器允许网页 Head 里存在一个 Viewport 声明,用来规范浏览器对此页面的缩放特性,完整的声明如下:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=2, user-scalable=no" />

Viewport 里目前有五个可以设置的属性,它们各自的作用如下:

Safari

width:设置 viewport 的宽度,即 iPhone 最初模拟 PC 浏览器的宽度,之后 iPhone/iPad 会这个宽度展现的页面同比缩放到 iPhone/iPad 屏幕上。设置 width=device-width 后就不会再进行缩放了,因为宽度正好和 iPhone/iPad 的宽度相同(前提是没有设置缩放比例)。

minimum-scalemaximum-scale:是控制用户允许设置的最大/最小缩放比例的。

user-scalable:标识是否允许对页面进行缩放,取值有两个 yes 和 no。设置为 no 则不允许进行页面缩放了。

initial-scale:设置页面的初始化缩放比例。

  • 暂无评论