更改手機方向時刷新瀏覽器

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); 
} 

您的網站將重新加載變化時，手機的方向。