iOS上的横向模式中<meta name =“viewport”content =“width = device-width”/>做什么？

Question

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

1. 根据Apple's Developer Docs，声明<meta name="viewport" content="width=device-width">会告诉iOS在页面加载时（纵向模式）将网页缩放到1：1像素比率。

2. 根据HTML5Boilerplate上的人a presentation（参见幻灯片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的开发人员文档：

“同样，如果仅指定视口宽度，则会推断高度和初始比例。请注意......横向方向保持宽度等于设备宽度，这会更改初始比例并具有缩放效果在用户更改为横向时。“

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

请参阅“{3}}，”Safari如何推断宽度，高度和初始比例“。