html - iOS 上的横向模式有什么作用？

Question

我试图了解 iOS 上的缩放属性。

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

2. 根据HTML5Boilerplate 人员的介绍device-width（参见幻灯片 13） ，无论设备的方向如何，都将始终对应于 iOS 设备屏幕的较小尺寸。

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

我是正确的，还是我误解了 Apple 使用的“宽度”和“设备宽度”的定义？

此外，当 iOS 设备旋转时，视口保持什么？是宽度，还是比例？它取决于元设置吗？

Answer 1

根据 Apple 的开发者文档：

“同样，如果只指定视口宽度，则推断高度和初始比例。注意……横向保持宽度等于设备宽度，这会改变初始比例并具有放大时的效果用户更改为横向。”

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

请参阅此处，在“Safari 如何推断宽度、高度和初始比例”下。