在iOS上以横向模式执行<meta name ="viewport"content ="width = device-width">是什么意思？

Question

我正在尝试了解iOS上的缩放属性.

1. 根据Apple的Developer Docs,声明<meta name="viewport" content="width=device-width">将告诉iOS在页面加载时以纵向模式将网页缩放到1:1的像素比率.

2. 根据HTML5Boilerplate 上的人们的演示(参见幻灯片13)device-width,无论设备的方向如何,都将始终对应于iOS设备屏幕的较小尺寸.

3. 因此,如果您<meta name="viewport" content="width=device-width">在横向保持设备的同时使用声明在iOS中加载页面,iOS将根据屏幕的高度设置视口的宽度,从而产生1.5:1(iPhone 4s)或2: 1(iPhone 5)像素比.

我是否正确,或者我误解了Apple使用它们时"宽度"和"设备宽度"的定义？

此外,当iOS设备旋转时,视口保持什么？这是宽度,还是它的规模？它取决于元设置吗？

Answer 1

根据Apple的Developer Docs:

"同样,如果仅指定视口宽度,则会推断高度和初始比例.请注意......横向方向保持宽度等于设备宽度,这会更改初始比例并具有放大时的效果.用户改变了横向方向."

文章指出iOS保持相同的视口设置,无论方向如何或旋转设备.

见这里,在"Safari浏览器如何推断的宽度,高度和初具规模".