1

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

它实际上适用于 Android 的股票浏览器,尽管每次点击刷新时,它都会在看起来正确和行为与 Chrome 和 iOS 完全相同之间交替。

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

这让我发疯。有任何想法吗?

4

1 回答 1

2

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

于 2013-02-28T18:06:16.377 回答