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