html - 防止缩放移动网站不起作用

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 和 Chrome Mobile for Android 上，它仍然允许缩放。它确实应用了移动样式表，但看起来不太正确(文本显得太小)。

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

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

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

Answer 1

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