0

我们有以下视口元标记：

<meta name="viewport" content="width=1024, initial-scale=1.0"/>

以下是网站进入时发生的情况的细分：

iPad + iOS 6.0 + 横向 = 正确

ipad + iOS 6.0 + Portrait = 与横向相同的“缩放级别”，因此显示了大约 65% 的宽度，其余的需要滚动。

Android 4.0 Galaxy S3 + 内置浏览器 + 横向 = 放大到真正接近，显示大约 60% 的宽度，其余需要滚动。

Android 4.0 Galaxy S3 + 内置浏览器 + 人像 = 近距离放大，显示大约 60% 的宽度，其余需要滚动。

Android 4.0 Galaxy S3 + Chrome（已下载 Play 商店）浏览器 + 横向 = 放大得更近，最初只显示大约 45% 的宽度。

Android 4.0 Galaxy S3 + Chrome（已下载 Play 商店）浏览器 + 肖像 = 放大得更近，最初只显示大约 50% 的宽度。

Android 4.0 Tab 10.1 + Landscape = 正确

Android 4.0 Tab 10.1 + Portrait =与横向相同的缩放级别，因此效果几乎与ipad + Portrait相同。

是否有任何跨浏览器可靠的方式让页面显示 100% 的宽度，而不管方向/ios/android 是什么？

我是否正确假设无论上述所有情况如何，移动设备都倾向于“记住”每个域级别的缩放级别？

我们是否错误地使用了视口元标记？

谢谢

4

2 回答 2

0

简短的回答是，对于任何具有 Javascript 内容的页面，您无法保证它的外观。浏览器有不同的 Javascript 引擎，支持不同的标签等。

于 2012-10-26T21:10:12.883 回答
0

我们发现，通过viewport完全删除元标记，上述所有案例都开始正确显示……在初始输入时以 100% 宽度显示。

于 2012-10-27T22:51:34.187 回答