html - 高宽768×1024的html页面下如何避免出现空白？

Question

@media screen and (max-width: 1024px) and (min-width: 768px) {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 0%;
}

这是我用于 html 页面的 css 代码。

Answer 1

喜欢在评论中尝试:

@media screen and (max-width: 1024px) and (min-width: 768px) {
    body {
      display: block;
      max-width: 100%;
      height: auto;
      margin: 0;
      padding: 0;
    }
}

您将这些样式分配给整个页面，范围为 768 像素到 1024 像素。