CSS：响应其他的div时隐藏先前的DIV

Question

我的页面在这里：https://webtan.jp/

我躲在这个部分：

#top__fullcarousel {
    display: none;

}

但隐藏之后，下面的部分（siteContent块）不适合（the error here）

我固定填充，它的只有视工作（分宽度1200像素），不与其他视（手机，iPad的...）正确地工作

.siteContent {
    padding-top: 129px;

}

我怎么能响应它在这种情况下？

Answer 1

您可以明确地设置您需要为每个每个设备宽度填充：

@media screen and (max-width: 1000px) {
  .siteContent {
    padding-top: 129px;
  }
}

@media screen and (max-width: 850px) {
  .siteContent {
    padding-top: 109px;
  }
}

@media screen and (max-width: 600px) {
  .siteContent {
    padding-top: 89px;
  }
}

@media screen and (max-width: 320px) {
  .siteContent {
    padding-top: 69px;
  }
}

当然，你可以用很多方法，另一种，但是这一个是最方便的方式。