CSS：隐藏上一个div时响应其他div

Question

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

我隐藏了此部分：

#top__fullcarousel {
    display: none;

}

，但将其隐藏后，以下部分（ siteContent 块）不适合（ the error here）

我修复了填充，它仅适用于视口（最小宽度为1200px），不适用于其他视口（移动设备，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;
  }
}

您当然可以使用很多其他方法，但这是最简便的方法。