以不同的像素密度测试CSS

Question

我需要模拟像素密度断点。我使用min-resolution和朋友来测试像素密度，以确定要在我的CSS中加载哪些图像，例如标题等。

但是，我找不到在模仿1x，1.5x，2x，2.5x等特定分辨率下测试我的代码的解决方案。我是否需要拥有设备运行在那些分辨率下进行测试，或者是否有自动/非自动化解决方案？

以下是使用resolution的CSS代码示例。我想基于像素密度测试（理想情况下）特定的CSS规则是否有效：

@media (min-resolution: 300dpi) { ... }

Answer 1

要回答我自己的问题，并感兴趣的其他任何人可以在Chrome中执行此操作：

有关详细信息，请参阅此Google developers guide。虽然我仍然对测试这个的自动化解决方案非常感兴趣。