Question

我对某些事感到好奇。如果我将Chrome扩展程序弹出窗口宽度设置为：

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

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

PS。不幸的是我的屏幕设置不允许测试它。

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

Answer 1

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

检测DPI时没有javascript或css功能。阅读本文以获取更多信息：