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

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时，会阻止缩放。