您可以使用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?
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
相关文章:
- -当在JQuery Slider上添加-webkit线性梯度时,moz线性梯度会被破坏
- '让块'仅在Mozilla JavaScript扩展中可用(使用moz选项)
- 我如何检查“;device.acalendar.continuing”;在{x}上
- moz框阴影选项在safari浏览器中不反映
- Device Stage Visual Editor requirements
- 滚动条不可见,CSS3转换在MOZ中不起作用
- Phonegap 和 window.device 在 onDeviceReady for iOS7 中未定义
- TypeError:client.getReceiver 不是 azure-iot-device-http 示例中的函数
- Webkit 和 Moz Transform,具体取决于浏览器
- -moz-user-select in Javascript
- '-moz-transform: scale(2)' 等同于 CSS 'zoom: 2' 吗?
- Twilio:来自 Twilio.Device.connect() 的参数发送到哪里
- device.platform return'设备未定义'关于cordova项目
- 使用JS设置CSS-moz转换
- javascript document.getElementById("device") doesn
- 在使用PhoneGap-Build编译应用程序时,我可以访问Device-Hardware吗?
- 您可以使用JavaScript检测-moz-device-pixel-ratio和-o-device-pixel-rat
- Cordova -plugin-device-motion插件不调用callback
- navigator.device在PHONEGAP - CORDOVA中未定义
- Cordova: Device Ready没有显示