cross-browser - IE9 devicePixelRatio 等效项

Question

有没有人找到一种可靠的方法来确定 Windows Phone 7.5 (Mango) 的设备像素比。

它基于 IE9。在基于 Webkit 的浏览器中，我们有 window.devicePixelRatio 或使用 window.matchMedia() 和适当的媒体查询。

在 Windows Mobile 中，我可以通过执行以下操作来确定像素比:屏幕.deviceXDPI/屏幕.逻辑XDPI尽管这似乎只有在页面完全呈现后才可靠。在此之前，deviceXDPI 报告与逻辑XDPI 相同

有人找到解决办法了吗？

感谢您的帮助/建议

Answer 1

使用(min/max-)resolution作为媒体查询中的等效测试:

@media (min-resolution: 1.5dppx), (min-resolution: 144dpi), (-webkit-min-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2) {}

或通过matchMedia:

if (window.matchMedia) 
  {
  if (window.matchMedia('(resolution: 96dpi)').matches) { }
  // resolution feature & dppx unit
  if (window.matchMedia('(min-resolution: 1dppx)').matches) { }
  // -webkit-device-pixel-ratio feature
  if (window.matchMedia('(-webkit-min-device-pixel-ratio: 1)').matches) { }
  // -o-device-pixel-ratio feature
  if (window.matchMedia('(-o-min-device-pixel-ratio: 1/1)').matches) { }
  }

引用文献

• MSDN - resolution media feature

• CSS WG Blog – How to unprefix -webkit-device-pixel-ratio