我正在尝试在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" />
您对如何正确配置视口有任何想法吗?
谢谢
答案 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上设置它对我来说是个窍门。