HTHML空白错误，手机尺寸不响应。

Question

图片和页面页脚之间有一个奇怪的错误。我试着检查了一下，但我无法点击它，这不是一段代码或任何东西。移动端大小才是我看到问题的地方，我试着改变背景图片的背景大小，但可惜，什么都没有。也很奇怪，这段代码。

  @media (min-width: 576px) {
        .backImage {
           height: 720px;
        }
        .socialMedia {
           padding-left: 48%;
        }
        .copyright {
           padding-left: 95px;
        }
  }

影响了中型平板电脑的尺寸-->(@media (min-width: 768px))，但不会影响576px的移动尺寸。实际上我在@media (min-width:576px)中写的任何内容都完全不影响移动端大小。我不知道问题出在哪里，也不知道这个whitespace错误到底叫什么。所以想搜索一下问题，也是以失败告终。

白格的图片

Answer 1

我已经得到了它的工作。问题是@media(min-width: 576px)其实是针对平板电脑尺寸到大尺寸((@media(min-width: 768px))。这就是为什么我每次在它的括号之间输入代码都不影响移动端，因为移动端比576px小。我知道它更小，但我认为min-width意味着它是设备需要的最小宽度，以便发生变化，但后来我发现有一个最大宽度。所以这就意味着如果尺寸小于576px，代码不一定会影响到手机尺寸。

解决的办法。

@media (max-width: 575px) {

}

现在，当你在它的括号里输入代码时，它将影响所有宽度等于或小于575px的设备（即移动尺寸）。