Html 我正在尝试建立一个倒计时计时器。当移动切换打开时，宽度更新会将页脚向下推

你这儿有这支钢笔

问题是，您可以不复制错误，除非您复制错误并在自己的浏览器中进行本地测试

每次我改变视图类型（从桌面到移动）时，页脚部分都会被按下。它添加了一个不必要的：高度？

因此，如果您点击

检查工具

中的

切换设备工具栏

（Chrome），您将看到

被按下

为什么会这样？我知道它溢出了X轴，但为什么在“移动模式”下添加滚动条

那是虫子吗？如何解决这个问题

那是虫子吗？如何解决这个问题

在我看来，缺少

视口

元信息导致了这个问题。由于CSS

fixed

属性使元素相对于视图端口定位，因此默认情况下，标准移动设备高度作为参考

视口

（例如，像素2具有

411x731px

）---

为了防止类似的情况发生，您应该在

标题

中提供

视口

元信息，la:

---

@评论：这不是问题的根源。我的local index.html有以下内容 标签

我想，我找到了原因。对于

html

和

正文

，似乎必须将

溢出

设置为

自动

（默认设置为

可见

）。它应该会起作用。我刚刚在我的手机上测试过（应该在第一次发布答案之前测试过）

请查看此示例，并向我反馈这是否适用于您以及如何适用于您：

.bot页脚{
背景色：#59e01b；；
颜色：白色；
位置：固定；
左：0；
底部：0；
字号：3vw
}
html，正文{
溢出：自动；
}
宽度：3000px；“/>
至少

这不是问题的根源。My local index.html具有此标记。请检查您的answer@iwaduarte你是对的。我打错了地方。但我认为这与

fixed

属性的行为有关，也与垂直

视口的高度有关，AFAIK无法根据设备高度设置垂直
高度。因此，如果html和body具有
溢出：可见
，
位置：固定
显然倾向于将实际设备高度作为视口高度-这就是我要说的…该错误不会出现在正常视图中，而视口更高或更小（如果手动调整窗口大小）。所以我想这和固定资产没什么关系。@iwaduarte，嗯，奇怪。谢谢你的反馈！我现在没有答案了。它需要更多的调试。@iwaduarte在任何情况下
的宽度和水平滚动似乎都会导致这种奇怪的行为（再次说明原因），但如果您将溢出的部分放入一个具有
溢出：auto
的容器中，则不会出现此问题，例如