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

Question

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

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

谢谢

- DextrousDave

---

这个有帮助吗？http://www.quirksmode.org/dom/events/resize_mobile.html - behnam

如果每次我旋转手机页面都要刷新，作为用户我会非常不满。这种情况会让我关闭你的网站并且再也不会回来了。 - Bryan Downing

Answer 1

如果设备旋转，则窗口会被调整大小。

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

- ILker Özcan

---

谢谢Ilker...感激不尽。在移动电话上，是否有一种方法可以强制屏幕旋转（如果设备支持）？ - DextrousDave

不知何故，在我使用的 HTC desire android 2.3.3 原生浏览器中，那段代码会导致我的页面不停地刷新。 - DextrousDave

移动浏览器有一个旋转事件，但我没有使用它。查看此链接https://dev59.com/rnI-5IYBdhLWcg3w1sTi 可能对您的问题有所帮助。 - ILker Özcan

连续滚动刷新的解决方案在这里：https://dev59.com/92025IYBdhLWcg3wtobX#15455463 - DimitrisBor