Javascript 我可以通过设置媒体查询的内容css属性来测试视网膜设备吗？

当在视网膜设备上运行视网膜特定js时，是否有人认为在

body

上设置

content

css属性有什么错误

在我看来，这似乎是测试视网膜设备最简单、最轻、跨浏览器的解决方案。至少它对我有用

CSS:

使用jQuery进行测试：

var isRetina = $('body').css('content') == 'retina';

---

使用

window.devicePixelRatio

。如果大于1，则为

retina

display

对于IE 10+（可在平板电脑和智能手机上使用的IE），您可以在和

屏幕上进行中继。logicalXDPI

：

window.devicePixelRatio = window.devicePixelRatio ||
                        window.webkitDevicePixelRatio ||
                        screen.deviceXDPI/screen.logicalXDPI  ||
                        1;

---

使用

window.devicePixelRatio

。如果大于1，则为

retina

display

对于IE 10+（可在平板电脑和智能手机上使用的IE），您可以在和

屏幕上进行中继。logicalXDPI

：

window.devicePixelRatio = window.devicePixelRatio ||
                        window.webkitDevicePixelRatio ||
                        screen.deviceXDPI/screen.logicalXDPI  ||
                        1;

---

在这里，我不想挑拨离间，但“视网膜”只是苹果设备上高分辨率显示器的一个市面名称。您真正想要的是在所有移动（平板电脑和手机）设备上实现高分辨率显示。移动设备的分辨率会有所不同；有些会比苹果的“视网膜”显示屏高或低。无论哪种方式，像素比率法都会奏效。这里不尝试分割头发，但“视网膜”只是苹果设备上高分辨率显示器的一个市面名称。您真正想要的是在所有移动（平板电脑和手机）设备上实现高分辨率显示。移动设备的分辨率会有所不同；有些会比苹果的“视网膜”显示屏高或低。无论哪种方式，像素比率方法都可以。如果window.devicePixelRatio不存在，肯定要添加回退。例如，实际上只有IE11具有该属性。根据IE9和IE10，不支持window.devicePixelRatio并显示媒体查询支持，直到您到达IE8I为止。IE 9和8 a的答案在高分辨率设备上不可用。如果window.devicePixelRatio不存在，肯定要添加回退。例如，实际上只有IE11具有该属性。根据IE9和IE10，不支持window.devicePixelRatio并显示媒体查询支持，直到您到达IE8I为止。IE 9和8 a在高分辨率设备上不可用。