根据这个https://bugs.webkit.org/show_bug.cgi?id=88047,WebKit从viewport params中删除了对target-densitydpi的支持.不幸的是,错误描述既没有表明改变的动机,也没有说明变通方法.
某些想要阻止在移动设备上进行扩展的网页具有以下视口声明:
<meta name="viewport" content="width=device-width,
initial-scale=1.0, maximum-scale=1.0,
user-scalable=no, target-densitydpi=device-dpi"/>
现在,此代码在Chrome中输出错误(使用21.0.1180.49 beta-m进行测试).请使用target-densitydpi = device-dpi建议在没有错误消息的情况下制作网页的假设方法,并保留与之前相同的行为"
我正在设计一个HTML页面,以便在Android浏览器中显示.考虑这个简单的示例页面:
<html>
<head><title>Simple!</title>
</head>
<body>
<p><img src="http://sstatic.net/so/img/logo.png"></p>
</body>
</html>
它在标准HVGA手机(320x480)上看起来很不错,但在HDPI WVGA尺寸(480x800或480x854)上,内置浏览器会自动缩放图像.它看起来很难看.
我已经读过,我应该可以使用此标记强制浏览器停止缩放页面:
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;" />
...但所有这一切都是禁用用户缩放(缩放按钮消失); 它实际上并没有阻止浏览器缩放我的图像.调整比例因子(将它们全部设置为2.0或0.5)完全没有效果.
如何强制WVGA浏览器停止缩放图像？