Chrome Inspect Pixel Ratio 没有改变任何东西？

Question

在 chrome 检查中，您可以选择设置/更改分辨率和像素比。我已将像素比率设置为 1 的配置文件，并将比率设置为 2 和 3 等。但是当我在每个配置文件之间切换时...没有任何变化..

知道为什么吗？

即使我将设置更改为响应式，并在 1、2、3 的设置之间切换...也没有任何反应。

谢谢

Answer 1

我怀疑设备像素比模拟功能与分辨率无关。因此，只有当您正在查看的页面使用设备像素比（通过min-devicepixel-ratio在 CSS 中使用或通过访问window.devicePixelRatio.

例如，如果您在启用 iPhone 6 Plus 仿真的情况下观看此演示，您将看到以下内容：

window.devicePixelRatio在控制台中评估将返回3.

大多数时候，设备像素比用于确定是否值得以正常分辨率的两倍下载大版本的图像。

这意味着即使网站确实对像素比做出了响应，您也不一定能非常清楚地看到差异。但是，如果您检查网络面板，您会发现已下载而不是下载image.png image@2x.png。