google-chrome - Chrome Inspect Pixel Ratio 不会改变任何东西？

Question

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

知道为什么吗？

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

谢谢

Answer 1

我怀疑设备像素比仿真功能与分辨率无关。因此，如果您正在查看的页面使用设备像素比，您将只会看到更改，无论是使用 min-devicepixel-ratio在 CSS 中或通过访问 window.devicePixelRatio .

例如，如果您 view this demo启用 iPhone 6 Plus 仿真后，您会看到:



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

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

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