16

试图阻止在 Android 上的 Chrome 中缩放页面，并且它不想表现出来。我正在使用下面的代码，它在普通的 Android 浏览器和 iOS 上的 Safari 上运行良好。有什么想法吗？

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

    <meta name="viewport" content="width=device-width" />
4

2 回答 2

16

尝试添加minimum-scale=1到您的viewport元标记 - 如果这没有帮助，很可能 Android 版 Chrome 不支持禁用缩放（例如，HTC 的专有浏览器故意不允许您禁用缩放）

更新：我刚刚检查过，看起来 Chrome确实支持禁用缩放，但是您的代码中有两个视口标签？第二个可能会覆盖第一个。删除第二个。

有关详细信息和禁用跨多个浏览器缩放的好建议，请参阅此移动浏览器支持列表以禁用缩放。

于 2012-11-10T13:28:50.250 回答
12

我正在使用皮带和大括号方法，配置所有可用的视口设置，根据developer.android.com的来自 Web 应用程序的目标屏幕

以下语法显示了所有受支持的视口属性以及每个属性接受的一般值类型：

<meta name="viewport"
  content="
    height = [pixel_value | device-height] ,
    width = [pixel_value | device-width ] ,
    initial-scale = float_value ,
    minimum-scale = float_value ,
    maximum-scale = float_value ,
    user-scalable = [yes | no] ,
    target-densitydpi = [dpi_value | 
     device-dpi | high-dpi | medium-dpi | low-dpi]
    " />

为无缩放配置的元标记：

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

作为一个班轮：

<meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, target-densitydpi=device-dpi" />
于 2012-11-19T14:51:10.050 回答