Chrome 扩展弹出窗口大小和更高的屏幕 DPI答案

【问题标题】：Chrome Extension popup window size & higher screen DPIsChrome 扩展弹出窗口大小和更高的屏幕 DPI
【发布时间】：2014-10-22 18:15:57
【问题描述】：

我对某事感到好奇。如果我这样设置我的 Chrome 扩展弹出窗口宽度：

html,body{
    padding: 0;
    margin: 14px 12px;
    width: 600px;
    overflow-x: hidden;
}

它在我的屏幕上看起来不错，但如果我将宽度硬编码为 600 像素，如果有人在具有更高 DPI 设置的操作系统上运行它会发生什么？会显得更小吗？如果是这样，如何克服呢？

PS。不幸的是，我的屏幕设置不允许对其进行测试。

编辑：我只是想到了一些事情。我可以使用ems 来定义这样的大小吗？ width: 24em;

【问题讨论】：

【解决方案1】：

不，chrome 只是模糊以适应高 DPI 设置。

而且检测 DPI 时没有 javascript 或 css 功能。阅读本文了解更多信息：

【讨论】：

哇。我没想到谷歌会这样。我刚刚有机会在 150% DPI 的系统上对其进行测试，实际上 Chrome 只是模糊了它的“默认”布局。甚至 IE 都做对了。我相信谷歌很快就会修复它。有消息说他们会这样做吗？
如果他们实现对更高 DPI 的支持，我们可以“提前编码”吗？
我不知道他们是否会修复它。他们说高 DPI 支持将消失。回答你的第二个问题：我不知道。