0

我只使用 Brave 浏览器时遇到了一个奇怪的故障，任何其他浏览器都不会发生，而且奇怪的是只发生在一个页面上。

当用户滚动到页面底部并且浏览器最大化时，一切正常，页脚部分的底部似乎触碰了桌面任务栏，这是应该的。

但是，如果您将页面向上滚动几百像素，然后再向下滚动到页脚，则会在数百像素的页脚下方打开一个空间。就好像在页脚中添加了一个底部边距（尽管实际上它似乎是 body 标签）。

如果您打开检查器并对 css 进行任何更改，它会立即消失，即使只是在某处更改了字体大小。然后，如果您向上和向下滚动到最后几次，它会再次出现，可能在第三次或第五次反弹时 - 非常随机。

将高度更改为auto或 更改max-content为<html>或<body>不执行任何操作，我当然有一个不错的重置文件，大多数元素的边距设置为 0px，包括正文元素和 html。

将标签设置为overflowto会移除整个页面的滚动（使其变为不可滚动），同时将标签的 background-color 设置为亮色，表明添加的边距效果在标签内和标签外，所以问题可能与for tag 或for tag 有关，但两者都设置为零？hidden<html><html><html><body>padding<html>margin<body>

这是一个勇敢的浏览器错误，还是某种传播？鉴于许多页面使用相同的 css 文件，为什么它只出现在该页面上？

自上次更新以来，还有其他人在使用 Brave 时遇到过此问题吗？

[要求在下面进行编辑]

这是一个屏幕截图。带有蓝色矩形的较暗部分是页脚。在检查器和页脚之间有一个空间，在您滚动到页面底部 10 秒后打开。

刷新页面，或对检查器中的 css 进行任何更改都会导致空间消失。但是当您向下滚动几次时，它会重新出现。

将 html 标签的背景颜色更改为绿色，会将该空间的颜色更改为绿色（从 body 标签的背景颜色，即屏幕上两个黑色中较亮的颜色）。

在此处输入图像描述

这是html和body css：

@media screen and (min-width: 280px)
html {
    font-size: calc(12px + 14 * ((100vw - 280px)/2220));
}


html {
box-sizing: border-box;
font-size: 16px;
line-height: 1.5;
display:block;
height:max-content;
width:100%;
margin:0rem;
padding:0rem;

}
html[Attributes Style] {
    -webkit-locale: "en";
}
user agent stylesheet
html {
    display: block;
}
*, *::before, *::after {
    box-sizing: border-box;
}
*, *::before, *::after {
    box-sizing: border-box;
}


body {
font-family: $font-family-reset;
color: $color-text;
font-weight: 400;
min-height:100vh;
background:$color-body;
overflow-x:hidden;
box-sizing:border-box;
margin:0rem;
padding:0rem;
} // end body

只发生在一页上

4

0 回答 0