android - android默认浏览器的视口元

Question

我正在尝试在 android 的网页中显示图像（320x480px）。我正在尝试配置视口元，因为我希望图像全屏显示。

实际上我只是像这样配置了视口

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

它工作得很好，除了android默认浏览器。我尝试了 Chrome、Opera 和 Firefox，它们都可以正确显示图像。

关于这篇文章完整网页和禁用所有移动浏览器的缩放视口元标记，我尝试以这种方式配置它但没有成功：

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

您对如何正确配置视口有任何想法吗？

谢谢你

Answer 1

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

用户可缩放- 用户可以“捏到缩放”的控件枯萎。

width - 视口的宽度。

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

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

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

Answer 2

我尝试了下面的一个。它非常适合我。

<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">

Answer 3

我喜欢：

<meta name="viewport" content="width=device-width, initial-scale=1"/>

Answer 4

<meta name="viewport" content="width=321; user-scalable=no;" />

Android 只接受大于 320 的视口宽度，因此将其设置为 321 对我来说很有效。