>当我在移动设备中将网页的方向从纵向更改为横向时，它显示正确。但是，再次从横向更改为纵向对齐是不正确的。
我正在使用这样的元标记：
<meta name="viewport" content="width=device-width, maximum-scale=2.0, initial-scale=1, minimum-scale=1.0, user-scalable=yes, shrink-to-fit=no">
我发现在应用横向模式时，宽度在元标记中更改为宽度=设备高度。但是，如果我转向纵向意味着宽度在元标记中不会更改为宽度=设备宽度，它仍然在宽度=设备高度中持续存在。如何解决这个问题？
我认为您应该链接 2 个样式表，一个用于纵向，一个用于横向，或者使用方向使用媒体查询定义您的样式
在下面的示例中，我包含了两者，但两者都可以。
例如
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" media="all and (orientation:portrait)"src="portrait.css">
<!---portrait css contains @charset "utf-8";
img{width:400px;}--->
<link rel="stylesheet" media="all and (orientation:landscape)" src="landscape.css">
<!---landscape.css contains @charset "utf-8";
img{width:600px;}---->
<title>Simple orientation trial (view on device)</title>
<style>
img{max-width:400px;}
@media all and (orientation:portrait) {
img{max-width:400px;}
}
@media all and (orientation:landscape) {
img{max-width:600px;}
}
</style>
</head>
<img src="http://www.rachelgallen.com/images/daisies.jpg">
<body>
</body>
</html> 尝试在某些
特殊情况下以百分比给出每件事，例如字体大小等，您可以使用 EM 或 PX。