防止在移动网站上缩放不起作用

Question

我的网站位于Isotope Labs。

它使用媒体查询来检测移动设备并设置正文宽度为 100% 的移动设备样式表 (mobile.css)。

scripts.js 文件也禁用移动设备的 jQuery 脚本。

一切正常，除了我似乎无法正确禁用移动设备上的缩放。

我在我的 HTML 头中使用了以下内容（在尝试了很多替代方案之后）来禁用移动缩放：

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

在 iOS 和 Android 版 Chrome 移动设备上，它仍然允许缩放。它确实应用了移动样式表，但看起来不太正确（文本显得太小）。

它实际上可以在 Android 的普通浏览器上运行，尽管每次点击刷新时，它都会在看起来正确和行为与 Chrome 和 iOS 完全相同之间交替。

我已经检查并删除了头部的所有内容，但即使我去掉了所有的 javascript 和 CSS，它仍然允许缩放。

这让我发疯了。有什么想法吗？

Answer 1

您似乎在子框架中设置元标记，而不是根页面。直接查看整页框架url时，防止缩放。