如何在Chrome中禁用变焦在Android？(How to disable zoom in Chr

试图阻止放大的Chrome页面在Android上，它并不想表现。 我使用下面的代码，这对该股的Android浏览器和Safari浏览器在iOS上正常工作。 有什么想法吗？

<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" />

Answer 1:

试着增加minimum-scale=1到你的viewport meta标签-如果没有帮助，很可能是禁用变焦不受Android版Chrome支持（HTC专有的浏览器故意不允许你禁用变焦，例如）

更新：我刚才检查，它看起来像Chrome浏览器不支持禁用变焦，但你必须在你的代码中有两处视标签？ 第二个可能是压倒一切的首位。 删除第二个。

看到这个列表手机浏览器支持禁用变焦的详细信息和好的建议为跨多个浏览器中禁用变焦。

Answer 2:

我使用的是带和吊带的方式，配置提供的所有视口设置，按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标签：

<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" />

文章来源: How to disable zoom in Chrome on Android?