我正在开发一个简单、响应性强的布局，但html元素的大小出乎意料。当屏幕大小大于1080px时，一切都很好，但每次我调整屏幕大小或在手机上加载页面时，html元素都会小于屏幕宽度。
在这里你可以看到我在说什么。
在这里你可以看到html宽度的
我尝试过的：(我正在使用这个css重置)
1) 将html和正文边距padding设置为0，将它们的宽度都设置为100%；
2) 将框大小属性设置为边框框；
3) 添加：
html, body{width: 100%; padding: 0; margin: 0;}
4) 我还试着写了一些js代码来设置调整大小时的主体宽度，但我不擅长js，所以它没有帮助。。
5) 字体大小的改变也无济于事。
也许有一个简单的解决方案，但我越想解决它，就越困惑，所以我希望有人能帮助我。
我是新来的，所以请对我多一点耐心：)。
这是正文css：
body{
background-image: url(gwiazdy.png) !important;
background-position: center;
background-attachment: fixed;
background-size: cover;
background-color: #000;
width: 100% !important;
font-size: 20px !important;
padding: 2% 0 !important;
margin: 0 !important;
font-family: 'Bellefair', serif !important;
color: #ccc !important;
min-width: 329px !important;}
@media screen and (max-width: 752px) {
.content{
width: 100% !important;
}
body{
padding: 0 !important;
padding-bottom: 15 !important;
}
}
如果不是enaugh，你可以点击这里查看我的布局，也可以查看整个css和html。
.home {
display: flex;
flex-direction: column;
}
.title{
text-align: center
}
.about {
display: flex;
flex-direction: row;
}
.about > div {
flex: 1;
padding: 0 10px 0 10px;
}
.about img {
width: 100%;
}<div class="home">
<div class="title">
<h2>
About
</h2>
</div>
<div>
Masz dużo na głowie i nigdy nie masz czasu na szukanie swoich przepisów? Zarejestruj się i trzymaj wszystkie swoje przepisy w jednym miejscu!
</div>
<div class="about">
<div>
<img src="//www.placehold.it/300x300?text=About">
</div>
<div>
<img src="//www.placehold.it/300x300?text=About">
</div>
<div>
<img src="//www.placehold.it/300x300?text=About">
</div>
</div>
</div>此问题是由.about_text元素引起的。您对该部分的编码方式不正确。将display: flex设置为.homediv，默认情况下flex具有属性flex-direction: row。但是，您正试图通过向元素添加width: 100%来将.homediv下的元素显示为一列。改为使用flex-direction: column，添加一个新的div，并将所有.about_text元素放置在该div中，并将属性flex-direction: row添加到该div中。