android - Android 默认浏览器的视口(viewport)元

Question

我正在尝试在 android 的网页中显示图像 (320x480px)。 我正在尝试配置视口(viewport)元，因为我想要全屏显示图像。

实际上我只是像那样配置了视口(viewport)

<meta name="viewport" content="width=320px" />

它运行完美，除了 android 默认浏览器。我试过 Chrome、Opera 和 Firefox，它们都能正确显示图像。

关于这篇文章 Full webpage and disabled zoom viewport meta tag for all mobile browsers我尝试以这种方式配置它但没有成功:

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

或

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

您知道如何正确配置视口(viewport)吗？

谢谢

Answer 1

<meta name="viewport" content="user-scalable=no, width=device-width">

用户可缩放 - 控件使用户无法“双指缩放”。

宽度 - 视口(viewport)的宽度。

所有属性都需要整数值，而不是浮点值。

换句话说，1 而不是 1.0。或者您可以使用百分比。

将最小和最大缩放属性设置为相同的值没有意义。 此外，如果将 initial-scale 设置为 1，已知会在 iOS 中引起问题。