我知道这是一个古老的问题，但在尝试了所有提出的方法之后，似乎没什么用。
基本上，我建立了这个网页，当它刚装载移动设备时看起来很好，但是在屏幕旋转后尺寸保持不变，（它不应该！）
我尝试的第一种方法是添加元标记：
<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=1" />
但显然这不起作用
然后我尝试了window.location.reload 这有效！刚刚好。但它基本上重新加载了整个页面，所有以前的设置都将重置为默认值，这不是我想要的！
我看到有人建议写两套css，一套用于风景，一套用于肖像。但是，这是很多工作吗？ 并且，在我的CSS中，我没有设置很多明确的高度和宽度。通常是默认值，有时也是百分比。这是一个问题吗？
如果有人解释屏幕旋转时实际发生的事情会很棒吗？为什么元素没有正确调整大小？相反，如果重新加载事件被触发，为什么它们会被正确调整大小？
答案 0 :(得分：0)
这取决于您正在测试的移动浏览器;一些移动浏览器，特别是IE10，don't report a change in screen size，当方向改变时。但是，正如您所发现的那样，浏览器会在刷新页面时重新计算屏幕大小。
如果您可以告诉我们有关浏览器的信息，也许我们可以提供更多帮助？