Html 600px以下的css上的边距问题

我无法删除页面的页边空白。我想要的内容是100%的宽度，当在600px下运行时，我无法理解它

图片：

---

Codepen:

Codepen.io/ncatalin88/pen/JRoGwq

添加以下代码：

@media (max-width: 600px) {
  ...
  #gallery {
    padding: 0;
  }

---

添加以下代码：

@media (max-width: 600px) {
  ...
  #gallery {
    padding: 0;
  }

---

@stardustGogeta有正确的答案。但是有一点额外的代码：

@media screen and (min-width: 600px){
  #gallery{
    margin: 0px 0px 0px 0px:
    padding: 0px 0px 0px 0px;
    }
  #another-div1{
    some:css;
    }
  #another-div2{
    some-more:css-here;
    }
}

您可以将最小宽度设置为所需的任何值。

---

希望这能帮你找到正确的方向☻

@stardustGogeta有正确的答案。但是有一点额外的代码：

@media screen and (min-width: 600px){
  #gallery{
    margin: 0px 0px 0px 0px:
    padding: 0px 0px 0px 0px;
    }
  #another-div1{
    some:css;
    }
  #another-div2{
    some-more:css-here;
    }
}

您可以将最小宽度设置为所需的任何值。

---

希望这能帮你找到正确的方向☻

我编辑了你的问题以嵌入你的图像，但是。。。您需要进一步编辑以包含代码，因为不允许仅链接到codepen。您可能发现了这一点，因为您绕过了检查，将codepen链接格式化为代码而不是链接。我编辑了您的问题以嵌入图像，但。。。您需要进一步编辑以包含代码，因为不允许仅链接到codepen。您可能发现了这一点，因为您绕过了检查，将codepen链接格式化为代码而不是链接。一个到@StardustGogetaOne到@StardustGogeta