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

Question

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

无论如何，当手机方向改变时，是否会自动刷新浏览器？

我找到了Safari Web“Orientation”部分的链接，这可能会有所帮助（处理方向事件）？ https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Answer 1

试试这个：

解决方案1

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

解决方案2

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

更改时，如果手机朝向，您的网站将重新加载。

Answer 2

以下是使用设备方向的3种方法，可能会有所帮助： http://davidbcalhoun.com/2010/dealing-with-device-orientation