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

Mobile 更改手机方向时刷新浏览器,mobile,mobile-website,Mobile,Mobile Website,我对我们正在开发的一个新网站有意见。我们在媒体查询中使用响应式CSS。我们面临的问题是,当手机的方向改变时,CSS在页面刷新之前(有时)不会改变 当手机方向发生变化时,是否仍可以自动刷新浏览器 我找到了一个指向Safari Web“方向”部分的链接,这可能会有帮助(处理方向事件) 以下是3种可能有用的设备定向方法:尝试以下方法: 解决方案1 window.onorientationchange = function() { window.location.reload(); } 解决方案

我对我们正在开发的一个新网站有意见。我们在媒体查询中使用响应式CSS。我们面临的问题是,当手机的方向改变时,CSS在页面刷新之前(有时)不会改变

当手机方向发生变化时,是否仍可以自动刷新浏览器


我找到了一个指向Safari Web“方向”部分的链接,这可能会有帮助(处理方向事件)

以下是3种可能有用的设备定向方法:

尝试以下方法:

解决方案1

window.onorientationchange = function()
{
   window.location.reload();
}
解决方案2

if (window.DeviceOrientationEvent) {
    window.addEventListener('orientationchange', function() { location.reload(); }, false);
}
当手机方向更改时,您的网站将重新加载