我们的网站有两个独立的移动和桌面版本,我们的移动版本需要有固定的宽度,以相同的方式显示在所有设备上。该网站目前正在使用:
<meta name="viewport" content="width=750; user-scalable=no" />
<meta name="MobileOptimized" content="750">
它适用于大多数情况,我们的移动版本宽度为750px,并且缩放到设备的视口大小,并且不可扩展。我们现在发现在较旧的Android设备上它不起作用(直到4.3测试,也许以后的版本也会受到影响)。
[编辑:问题似乎也只适用于原生Android浏览器。 Chrome正确显示。]
加载的页面宽度为750px,但未缩放,因此它太大而且不适合,用户只能看到页面的一部分。它也是可扩展的,这意味着user-scalable= no
也不起作用。
(响应布局不是我们的选择,顺便说一句。我们需要移动页面的宽度恰好是750px。)
答案 0 :(得分:0)
您还可以尝试以下代码:
<meta name="viewport" content="width=750px, initial-scale=1, maximum-scale=1, user-scalable=no">