用于android默认浏览器的Viewport元

时间:2013-06-13 08:42:40

标签: android viewport

我正在尝试在Android上的网页中显示图像(320x480px)。 我正在尝试配置视口元原因我希望图像以全屏显示。

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

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

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

谢谢

4 个答案:

答案 0 :(得分:1)

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

用户可扩展 - 控制用户可以“捏合缩放”。

宽度 - 视口的宽度。

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

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

将min和max缩放属性设置为相同的值没有意义。 此外,如果设置为1,则已知初始比例会在iOS中引起问题。

答案 1 :(得分:0)

我试过下面的一个。它对我来说很完美。

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

答案 2 :(得分:0)

我喜欢:

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

答案 3 :(得分:0)

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

Android只接受大于320的视口宽度,所以在321上设置它对我来说是个窍门。