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

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