Javascript 视口大小更改时自动刷新页面

我正在为我的网站使用响应和自适应媒体查询来适应智能手机……现在的问题是，我的最大宽度移动查询以480px结束，这是大多数手机的旋转显示宽度（当手机侧着时…）。现在有些手机，比如HTC desire，最大屏幕宽度为533px，现在当用户第一次在垂直位置加载页面（屏幕宽度为320px）并将屏幕旋转至533px时，它超过了我的设计规格，看起来有点糟糕…（因为布局是为了最大480px…）

现在解决这个问题的唯一方法是在视口尺寸改变后刷新页面。如何强制刷新

---

如果调整了设备旋转窗口的大小，谢谢您

window.onresize = function(event)
{
document.location.reload(true);
}

---

这有用吗？如果每次我旋转手机时都要刷新一个页面，我会非常不高兴。这类事情会让我关闭你的网站，再也不会回来了。@behnam-谢谢，这非常有用…@Bryan-这是很好的反馈谢谢…谢谢你ILker…谢谢。有没有办法在手机上强制屏幕旋转（如果设备有能力的话）？由于某种原因，在我的HTC desire android 2.3.3本机浏览器上，代码会使我的页面不断刷新…手机浏览器有旋转事件，但我不使用它。查看此内容可能有助于解决您的问题。滚动持续刷新的解决方案如下：