视口大小变化时自动刷新页面

Question

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

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

谢谢

Answer 1

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

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