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

Question

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

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

谢谢

Answer 1

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

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