css - 高清显示器标准

调整高清高清显示器的站点有哪些标准？
因为我们可以使用

@media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    /* Retina-specific stuff here */
}

推荐的做法是什么？
还有没有办法在没有实际显示的情况下检查网站在视网膜高清显示器上的外观？

最佳答案

不可以。而是将选择权留给他们。

您可以通过srcset属性提供不同的分辨率。最简单的方法是简单地在普通的<img>标记中将其与sizes属性或通过CSS定义的大小结合使用。这样，浏览器可以选择最适合当前情况的分辨率，并且可以考虑所有因素，例如屏幕分辨率，大小和网络带宽。

Mozilla Development Network提供了一个简单的描述。

关于css - 高清显示器标准，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37230661/