我知道这种类型的问题之前已经被问过很多次，但我还没有找到我的具体问题的答案，所以我想我会发布。
我想这确实有点怪癖，但我设计了一个响应式网站，当您调整窗口大小时，它可以在浏览器中很好地调整大小，当您在手机上以纵向或横向加载它时，它可以完美运行。但是，当您以纵向加载它然后将移动设备变为横向时，某些移动浏览器不会为新的屏幕尺寸加载正确的样式 - 但对于所有浏览器来说，情况并非如此！到目前为止，我已经在使用标准 Android 浏览器的 Android 4.0.4 版本手机上对其进行了测试，并且在切换方向时它会正确调整大小，但是在使用 google chrome 作为浏览器的同一部手机上，它会应用不同的样式但是如果你刷新页面然后应用正确的样式。
所以我的问题是如何强制移动浏览器在方向更改时正确呈现页面而无需重新加载页面？
有问题的网站是 www.the-baobab.co.uk，我使用 viewport 元标记并将其设置为 width=device-width 和 1 的初始比例，然后以某些最大像素宽度调用媒体查询以改变定位和布局对于各种不同的屏幕尺寸，可以在我的 stylesheet1.css 中看到