高清显示标准

Question

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

来检测它

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

它的推荐实践是什么？ 还有办法如何检查网站在视网膜高清显示器上的显示方式而不实际显示它？

Answer 1

没有。不要试图超越你的客户。而是选择他们。

您通过srcset属性提供不同的解决方案。最简单的方法是在普通<img>标签中结合使用sizes属性或通过css进行大小定义。这样浏览器就可以选择最适合当前情况的分辨率，并且可以考虑屏幕分辨率，大小和网络带宽。 all 。

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