使用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