如何使用CSS删除移动设备上的空白？

Question

我的横幅上有图像，不幸的是，当我在某个断点尝试响应时，我得到了空白

这是网站正在做的事情：Problem with white space

我尝试了

html,
body {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
}
* { margin: 0; padding: 0; } 
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
img{
    width: 100%;
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

我该怎么做才能摆脱页面上空白的烦人之处，请帮忙;（

Answer 1

我花了很多时间找到它。但是我想我做到了。

.marketing-main-page-content_description-right p {
     width: 600px;
}

第305行style.css。 删除该规则或编写媒体查询。

Answer 2

在“ marketing-main-page-content-agenda_elipse”容器中，您有2个元素的绝对位置为“ elipse-top”和“ elipse-bottom”，它们根据其“正确”位置为容器提供了额外的宽度，请尝试在响应式设计中更改其属性。

Answer 3

请勿在{{1​​}}和%标签中使用body单位。而是使用html单位，它表示视口宽度。 vw等于视口宽度的1％。也就是说，1vw需要100vw。

html, body

检查下面的图像以获得更好的解释。