Android默认浏览器的视口meta

Question

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

你有关于如何正确配置视任何想法？

谢谢你

Answer 1

我试了下面的一个。它对我来说非常合适。

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

Answer 2

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

用户可扩展 - 控制枯萎用户可以 “捏到变焦”。

宽度 - 视口的宽度。

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

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

有一个在设定最小和最大比例没有点属性设置为相同的值。 此外，初始规模已知会导致在IOS问题，如果设置为1

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没我的诡计。