您可以使用JavaScript检测-moz-device-pixel-ratio和-o-device-pixel-rat

Can you detect the current value for -moz-device-pixel-ratio and -o-device-pixel-ratio using JavaScript?

本文关键字:-moz-device-pixel-ratio -o-device-pixel-rat 检测 JavaScript 可以使      更新时间:2023-09-26

WebKit引入了-webkit-device-pixel-ratio媒体特性和window.devicePixelRatio JavaScript属性,允许web作者检测他们的页面是否在带有retina显示屏的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属性来配合他们。

是否有任何方法可以通过JavaScript在Firefox和Opera中检测设备像素比率?

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

从JS测试媒体特性