Html 移动和平板电脑浏览器底部的页脚背景色被截断

页脚的背景色在移动浏览器视口的底部不断被截断。平板电脑也是如此，但仅当平板电脑水平转动时。我已经尝试了我在网上找到的所有东西和其他相关问题来解决这个问题。在我敲打笔记本电脑屏幕之前，有人有什么建议吗？您可以在上查看该网站。我正在我的iphone11和ipadpro上浏览这个网站

下面是默认的页脚CSS

footer {
background-color: #133e68;
margin-bottom: 0;
padding-bottom: 0;
bottom: 0;
}

以下是375px媒体查询的CSS

footer {
height: 100%;
}

这就是我面临的问题。文本仍然存在。只是背景色被剪掉了

---

非常感谢您提供的任何帮助。

当您使用width yes， 但对于高度，这将永远不会起作用，如果它起作用，它将占据整个屏幕 将高度设置为100%30%。。。或者，任何相关装置只能在容器具有固定高度的情况下工作，例如，将身体高度设置为100vh或500px

footer {
 height: 100%;
}

---

尝试固定容器高度（例如：主体），例如px、vh。或者不使用页脚的相对单位，检查您的代码是否%有任何影响，尝试200%3000%或任何其他值，您不会观察到任何变化，因为100%或50%是什么？

当您使用宽度是， 但对于高度，这将永远不会起作用，如果它起作用，它将占据整个屏幕 将高度设置为100%30%。。。或者，任何相关装置只能在容器具有固定高度的情况下工作，例如，将身体高度设置为100vh或500px

footer {
 height: 100%;
}

---

尝试固定容器高度（例如：主体），例如px、vh。或者不使用页脚的相对单位，检查代码是否%有任何影响，尝试200%3000%或任何其他值，因为100%或50%后，您将不会观察到任何更改吗？

哦，我亲爱的上帝，我已经修复了它！！原来，前面的媒体查询将页脚的所有内容都设置为关闭。一旦我修好了，一切都很好。谢谢你的回复。我在一系列其他编码的尝试后编写了这段代码，这就是我最终得到的结果。哈哈，你是怎么解决的？哦，我亲爱的上帝，我把它修好了！！原来，前面的媒体查询将页脚的所有内容都设置为关闭。一旦我修好了，一切都很好。谢谢你的回复。我在一系列其他编码的尝试后编写了这段代码，这就是我最终得到的结果。你是怎么解决的？