用于android默认浏览器的Viewport元

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，则已知初始比例会在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上设置它对我来说是个窍门。