使用javascript检测视网膜显示器iPad

概述我只是使用screen.availWidth和window.devicePixelRatio检测视网膜iPad(和类似设备)时遇到问题.问题是iPhone和iPad为screen.availWidth提供了下降的数量,而 Android设备似乎报告了物理像素的数量,因此我无法可靠地执行screen.availWidth / window.devicePixelRatio来计算屏幕是否为平板电脑尺寸 我只是使用screen.availWIDth和window.devicePixelRatio检测视网膜iPad(和类似设备)时遇到问题.问题是iPhone和iPad为screen.availWIDth提供了下降的数量,而 Android设备似乎报告了物理像素的数量,因此我无法可靠地执行screen.availWIDth / window.devicePixelRatio来计算屏幕是否为平板电脑尺寸.

我可以使用其他一些DOM属性来帮助我吗？

编辑 – 总结一种希望明确问题不重复的方式

如何判断screen.availWIDth是否报告已经调整的值以考虑window.devicePixelRatio

解决方法 这应该有所帮助

var retina = (window.retina || window.devicePixelRatio > 1);

UPDATE

Retina.isRetina = function(){    var mediaquery = "(-webkit-min-device-pixel-ratio: 1.5),\                      (min--moz-device-pixel-ratio: 1.5),\                      (-o-min-device-pixel-ratio: 3/2),\                      (min-resolution: 1.5dppx)";    if (root.devicePixelRatio > 1)      return true;    if (root.matchMedia && root.matchMedia(mediaquery).matches)      return true;    return false;};

总结

以上是内存溢出为你收集整理的使用javascript检测视网膜显示器iPad全部内容，希望文章能够帮你解决使用javascript检测视网膜显示器iPad所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。