google-chrome - 从 WebKit 中删除了对 target-densitydpi 的支持

Question

据此https://bugs.webkit.org/show_bug.cgi?id=88047 WebKit 从视口(viewport)参数中删除了对 target-densitydpi 的支持。不幸的是，错误描述既没有说明更改的动机，也没有说明解决方法。

某些想要防止在移动设备上缩放的网页具有以下视口(viewport)声明:

<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 保持与以前相同的行为"

Answer 1

我使用这个 jQuery 在最新的 Chrome for Android 上实现了同样的事情:

<meta content='user-scalable=no, initial-scale=1, width=device-width' id='viewport' name='viewport'>

var viewPortScale = 1 / window.devicePixelRatio;

$('#viewport').attr('content', 'user-scalable=no, initial-scale='+viewPortScale+', width=device-width');

这会将初始比例视口(viewport)元标记设置设置为 1 CSS 像素 == 1 设备像素的正确比例。

您不能使用 'width='+screen.width 因为 screen.width 不返回物理像素尺寸。我尝试使用 http://responsejs.com/labs/dimensions/在 Chrome 中的 Nexus 7 上，所有数字都是视口(viewport)像素。