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

【问题标题】：Refresh browser when changing phone orientation更改手机方向时刷新浏览器
【发布时间】：2011-10-30 21:45:02
【问题描述】：

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

手机方向改变时是否会自动刷新浏览器？

【问题讨论】：

【解决方案1】：

试试这个：

解决方案 1

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

解决方案 2

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

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

【讨论】：

【解决方案2】：

【讨论】：