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

Question

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

• http://developer.apple.com/library/safari/#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 测试媒体功能