我正在为我的网站使用响应式和自适应媒体查询来容纳智能手机……现在的问题是我的最大宽度移动查询以480px结束,这是大多数手机旋转的显示宽度(当手机侧面时… ).现在一些手机,如HTC欲望的最大屏幕宽度为533px,现在当用户首次在垂直位置(320px屏幕宽度)加载页面并且他/她旋转将屏幕旋转到533px宽度时,它超过了我的设计规格它看起来有点糟糕……(因为布局的最大值是480px ……)
现在解决这个问题的唯一方法是在视口尺寸改变后刷新页面.如何强制刷新？
谢谢
解决方法
如果设备旋转窗口调整大小.
window.onresize = function(event)
{
document.location.reload(true);
}
