视口元标记用于固定宽度,但缩放到设备宽度

时间:2016-12-21 11:34:09

标签: android html mobile viewport

我们的网站有两个独立的移动和桌面版本,我们的移动版本需要有固定的宽度,以相同的方式显示在所有设备上。该网站目前正在使用:

<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。)

1 个答案:

答案 0 :(得分:0)

您还可以尝试以下代码:

<meta name="viewport" content="width=750px, initial-scale=1, maximum-scale=1, user-scalable=no">