Layout 在纵向/横向之间切换的布局怪癖

我知道这类问题以前被问过很多次，但我还没有找到我的具体问题的答案，所以我想我会发帖的

我想这确实有点怪，但我设计了一个响应迅速的网站，当你调整窗口大小时，它可以在浏览器中很好地调整大小，当你在手机上以纵向或横向方式加载它时，它可以完美地工作。然而，当你在纵向加载它，然后将手机变成横向时，一些手机浏览器并没有为新的屏幕尺寸加载正确的样式-但并非所有浏览器都是这样！到目前为止，我已经使用标准Android浏览器在Android 4.0.4版手机上进行了测试，它在切换方向时可以正确调整大小，但在使用google chrome作为浏览器的同一部手机上，它应用了不同的样式，但如果你刷新页面，它就会应用正确的样式

因此，我的问题是如何强制移动浏览器在方向更改时正确呈现页面，而不必重新加载页面

有问题的网站是www.The-baobab.co.uk，im使用viewport meta标记，将其设置为width=设备宽度，初始比例为1，然后以特定的最大像素宽度调用媒体查询，以改变各种不同屏幕尺寸的定位和布局，这些可以在my stylesheet1.css中看到