0

我有一个奇怪的问题发生在特定的浏览器上，可能与视口有关（我是一名新开发人员，所以不完全理解正确的术语）。

有问题的浏览器：

  • 勇敢的浏览器
  • 鸭鸭围棋

没有问题的浏览器：

  • 苹果浏览器
  • 谷歌浏览器

当我向下滚动到页面底部时，无论我做什么，都有少量的空白不会消失。

我有：

  • 在页脚中添加了 100% 的宽度和高度
  • 添加了 100vh 的最小高度
  • 检查幻象字符
  • 更改了 HTML 中脚本的位置

白色开始的地方是屏幕开始弯曲的地方（在 iPhone 11 上）。

这些是我的 CSS 代码片段，可能有用（页脚部分是黑色部分底部的第二条灰线）：

* {
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "Raleway", serif;
    font-weight: 400;
    box-sizing: border-box;
}

/* Footer */
.footer {
    background-color: #0e1111;
}
.footer_wrapper {
    color: grey;
    max-width: 2000px;
    margin: 0 auto;
    padding: 0 10%;
}
.copyright {
    font-size: 15px;
    letter-spacing: 1px;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    border-top-width: 1.5px;
    border-top-style: solid;
    border-top-color: #232323;
}

/* End of code */

我的屏幕底部： 我的屏幕

有谁知道为什么会发生这种情况，如果需要提供更多代码，我会更新帖子。

4

1 回答 1

0

为了解决这个问题，我不得不填写身体颜色。

body {
    background-color: black;
}

这似乎是个别浏览器特有的东西，因为许多流行的网站，如bbc.co.uk和news.sky.com等等，都有同样的问题（页脚没有延伸到屏幕底部） .

于 2021-06-03T22:25:40.650 回答