如何在Android上停用放大Chrome？

Question

试图阻止在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" />

Answer 1

尝试添加minimum-scale=1到您的viewport元标记 - 如果这没有帮助,Chrome for Android可能不支持禁用缩放(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 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" />