这是我遇到过的最奇怪的bug之一,有可能是一个扩展或者浏览器bug,但是只有当我在开发模式下刷新应用程序时,它才会出现在我正在构建的应用程序上,所以stackoverflow似乎是一个正确的地方开始询问。
基本上,在某些未知的情况下,每次我重新加载页面时,<body>
元素都会从页面向左滑动约10 px。然后当我再次刷新时,它通常会滑动得更远。如果我在新标签中打开页面,则没有问题。
在下面的截图中,我在元素检查器中突出显示了<body>
元素。
x1c 0d1x的数据
线索:
- 它只是偶尔发生,但一旦发生,几乎每次刷新都会增加偏移
- 某些绝对定位的元素(如导航栏)会继续填充html元素的整个宽度,但其他元素则不会
- body元素没有任何它不应该有的样式或类
- 将body元素位置更改为绝对位置不会影响它
- html元素和body元素的宽度仍然相同
- 我在Linux上使用4K屏幕(?!)
我最好的猜测是.
1条答案
按热度按时间cotxawn71#
我一直在我的网站上工作,也有同样的问题。然而,我注意到一些事情:这只是一个问题的网页,其css使用的'vw'长度属性。没有问题的%或'vh'虽然。也许检查任何'vw',并尝试删除它们。为我工作。