chrome android将宽度设置为100%

我在android上的chrome浏览器上遇到了css问题

我在css中所做的是：

html{
max-width: 100%;
height: 100%;
width: 100%;
overflow: hidden;
position: relative;
}

body{
background-color: rgba(101,122,151,0.8);
margin: 0px;
width: 100%;
overflow: hidden;
position: relative;
}

header {
width: 100%;
min-width: 100%;
color: yellow;
font-size: 40px;
text-align: left;
}

在javascript中，我输出了正文和页眉的宽度

alert($('header').width());
alert($('body').width());

它显示的是车身宽度为980，车头宽度为340 但我不明白为什么。有人能帮我吗？

---

首先谢谢你，如果你设置了最大宽度：100%，那么宽度：100%意味着宽度将覆盖最大宽度，所以你可以删除最大宽度。此外，将“最小/最大”设置为“宽度”有什么意义

---

其次，如果将主体宽度设置为100%，则主体将采用视口的最大宽度。因此，问题是视口的大小是多少？

当在移动浏览器上加载网页时，浏览器将假定该网站设计为一个更大的屏幕，并提供比设备更大的视口，以便用户可以放大内容

如果需要设备的宽度，则需要设置视口大小，可通过以下方式完成：

<meta name="viewport" content="width=device-width, initial-scale=1">

---

这里有更多信息：

您是否尝试将车身的最小宽度设置为100%

---

有什么理由在html和正文中使用位置，而不是标题？

我设置了最小宽度，因为我认为使用它而不是宽度会起作用，但事实并非如此。我认为视口具有浏览器窗口的全部大小，因为主体的宽度为980px，这是浏览器窗口的全部宽度。主体的背景色覆盖整个屏幕，因此主体的宽度为100%，请尝试为主体和标题设置边距：0和边框：无。我更改了它们，但没有帮助截图或复制链接会更好。链接已断开。