跨几个设备的视口陌生性 - 无论OS 方向如何,在初始输入中显示100%宽度的任何可靠方法



我们有以下视图元标记:

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

这是网站输入时发生的情况的细分:

iPad iOS 6.0 景观=正确

iPad iOS 6.0 肖像=与景观相同的"变焦级别",因此显示了宽度的65%,其余的需要滚动。

Android 4.0 Galaxy S3 内置的浏览器 景观=在实际关闭中放大,显示了大约60%的宽度,需要滚动休息。

Android 4.0 Galaxy S3 内置的浏览器 肖像=在实际关闭中放大,显示了约60%的宽度,需要滚动休息。

Android 4.0 Galaxy S3 Chrome(下载播放商店)浏览器 landscape =更近的放大,最初仅显示宽度的45%。

Android 4.0 Galaxy S3 Chrome(下载播放商店)浏览器 Portrait =缩放更近,最初仅显示宽度的50%。

Android 4.0 Tab 10.1 景观=正确

Android 4.0 Tab 10.1 肖像=与景观相同的变焦级别,因此效果与iPad 肖像几乎相同。

无论方向/ios/android如何

我是否正确地假设,无论上述所有内容,移动设备倾向于在每个域级别上"记住"缩放级别?

我们使用的视口元标记错误吗?

谢谢

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

我们发现,通过完全删除 viewport meta标签,上述所有情况都开始正确显示...初始进入后的宽度为100%。

相关内容

最新更新