我知道这是一个老问题，但是在尝试了所有建议的方法之后，似乎没有什么合适的。
基本上，我建立了这个网页，刚加载移动设备时看起来不错，但屏幕旋转后尺寸保持不变，（它不应该！）
1：
我尝试的第一种方法是添加元标记：
<meta name="viewport" content="target-densitydpi=device-dpi, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=1" />
但显然这不起作用
2：
然后我尝试了 window.location.reload 这行得通！刚刚好。但是它基本上重新加载了整个页面，并且之前的所有设置都会重置为默认值，这不是我想要的！
3：
我看到有人建议写两套 CSS，一套用于横向，一套用于纵向。但是，这是很多工作，对吗？而且，在我的 css 中，我并没有设置很多明确的高度和宽度。通常它是默认值，有时是百分比。这是一个问题吗？
#
如果有人解释一下屏幕旋转时实际发生的情况，那就太好了？为什么元素没有正确调整大小？相反，如果触发了重新加载事件，为什么它们会正确调整大小？