Chrome Inspect Pixel Ratio没有改变什么？

Question

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

知道为什么吗？

即使我将设置更改为响应，并在1,2,3的设置之间切换......根本没有任何事情发生。

由于

Answer 1

我怀疑设备像素比率仿真功能与分辨率无关。因此，只有在您正在查看的网页使用设备像素比率时才能看到更改，方法是在CSS中使用min-devicepixel-ratio或访问window.devicePixelRatio。

例如，如果启用了iPhone 6 Plus仿真的view this demo，您会看到：

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

大多数情况下，设备像素比率用于确定是否值得以正常分辨率的两倍下载大尺寸图像。

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