Android不缩放视口答案

【问题标题】：Android not scaling viewportAndroid不缩放视口
【发布时间】：2014-08-21 12:03:31
【问题描述】：

这个视口在 iphone 上完美地缩小了，但它除了阻止用户在 android 手机上放大网站之外没有任何作用。

网站的宽度是 1080px，如何正确缩小到 320px？

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
<meta name="HandheldFriendly" content="true" />

【问题讨论】：

标签： android html viewport meta

【解决方案1】：

我会说使用 css 来解决这个问题使用 IOS 更容易，因为它们不像 android 那样与桌面浏览器标准相差甚远

【讨论】：

好吧，不能真正编辑 css，因为该项目至少有 30K 行 css.. :/
这是移动网站还是响应式网站
这是一个移动网站

【解决方案2】：

尝试将可缩放设置为 NO 而不是 0；

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

这通常对我有用。

史蒂夫

【讨论】：

网站应该在开始时缩小规模，这个问题是关于缩小网站不可扩展性:) @SteveDavis