在Android上以原始分辨率显示不可缩放的网页？

Question

我已将以下内容添加到网页中，使其在移动设备上不可缩放，并尝试以原始分辨率显示：

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

然而，当我在三星Galaxy S上查看并从JavaScript打印出screen.width时，它会以纵向显示320，横向显示533。如何才能使用480×800的原始分辨率，或者这是不可能的？

我想这样做，以便通过以1.5的变焦显示图像质量不会降低（最初像素化然后应用平滑滤镜）。

Answer 1

此视口语法实现了所需的行为：

<meta name="viewport" content="target-densitydpi=device-dpi, width=device-width" />

通过指定目标密度以匹配显示器的原始密度，它以原始分辨率（1pixel = 1pixel）渲染，并且您不会看到平滑或其他伪影。

适用于三星Galaxy S，但适用于其他设备和Android /浏览器版本的YMMV。

有关详细信息，请参阅以下内容：

http://developer.android.com/guide/webapps/targeting.html#ViewportDensity

Answer 2

我认为如果您将最大（和最小）分数固定为初始比例，如此

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

Answer 3

一旦元视口到位，那么如果页面的html / css中有任何内容让移动浏览器认为它应该显示广泛的内容，那么你仍然可以拥有一个带有小文本的缩小页面。即使是普通的<p>tag with enough text inside</p>也可以缩小整个页面。对罪犯进行四舍五入的一种方法是对你进行css更改，使用{ display: none }删除内容，直到找到导致问题的确切部分为止。

Answer 4

MGWT用户提示： MGWTSettings.ViewPort不会设置＆＃34; target-densitydpi＆＃34;正确。 这必须在你的html文件中。