更改手机方向时刷新浏览器

Question

我遇到了一个我们正在处理的新网站的问题。我们在媒体查询中使用响应式CSS。我们遇到的问题是，当手机方向改变时，CSS不会更改（有时），直到页面被刷新。

有没有办法在手机方向改变时自动刷新浏览器？

我找到了Safari Web'Orientation'部分的链接，可能有帮助（处理方向事件）？ http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

干杯， 安迪

Answer 1

下面是与设备方向工作的3种方式可能会有所帮助：
http://davidbcalhoun.com/2010/dealing-with-device-orientation

Answer 2

试试这个：

解决方案1 ​​

window.onorientationchange = function() 
{ 
    window.location.reload(); 
} 

解决方案2

if (window.DeviceOrientationEvent) { 
    window.addEventListener('orientationchange', function() { location.reload(); }, false); 
} 

您的网站将重新加载变化时，手机的方向。