我们有以下视图元标记:
<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%。