javascript - 使用 JavaScript 检测 IE10 Metro 上的方向变化

Question

我有一个可变高度 div 固定 div 可以在方向更改时更改高度，所以理想情况下我想通过 javascript 更改 CSS。但是在使用 Surface 的 IE10 Metro 上，我找不到任何处理此问题的 JS 事件？iOS 和 Chrome 都处理得很好。

我尝试过 onorientationchange 和 onresize 无济于事......

Answer 1

不幸的是，IE 10 不支持设备方向事件[0]。他们确实有一个原型[1]，但这对已经发布的浏览器没有帮助。

根据您想要执行的操作，您可以使用方向媒体功能 [2] 在纵向或横向时设置不同的 CSS 高度值。IE[3] 支持此功能

• [0] http://caniuse.com/#feat=deviceorientation
• [1] http://blogs.msdn.com/b/ie/archive/2012/08/30/exploring-device-orientation-and-motion.aspx
• [2] http://www.w3.org/TR/css3-mediaqueries/#orientation
• [3] http://msdn.microsoft.com/en-us/library/ie/hh772710(v=vs.85).aspx