你能用JavaScript检测-moz-device-pixel-ratio和-o-device-pixel-ratio的当前值吗？

Question

WebKit引入了-webkit-device-pixel-ratio媒体功能和window.devicePixelRatio JavaScript属性，允许网络作者检测他们的网页是否在带有视网膜显示屏的iPhone上呈现：

• https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/OtherStandardCSS3Features.html#//apple_ref/doc/uid/TP40007601-SW3
• http://www.robertprice.co.uk/robblog/archive/2011/5/Detecting_Retina_Displays_From_JavaScript_And_CSS.shtml

Mozilla和Opera推出了等效的媒体功能，-moz-device-pixel-ratio和-o-device-pixel-ratio。但是，他们似乎没有引入JavaScript属性来与它们一起使用。

有没有办法通过Firefox和Opera中的JavaScript检测设备像素比率？

Answer 1

您可以使用https://developer.mozilla.org/en/DOM/window.matchMedia

从JS测试媒体功能