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

Question

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

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

谢谢

Answer 1

如果设备旋转窗口已调整大小。

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