小编mic*_*hlt的帖子

我构建了一个具有全屏功能的网页。我使用了所有正确的 CSS 属性来确保我的渐变背景完全覆盖屏幕，事实确实如此。但是，当我在 Chrome 中单击网站上的全屏按钮时，页面会变为全屏，但背景会变成黑色。我到处找，还是找不到\xe2\x80\x99有什么问题。iPadOS 似乎运行良好。CSS 如下，其余代码位于我的GitHub 存储库中。

任何帮助深表感谢！

CSS：

@import url(\'https://fonts.googleapis.com/css2?family=Sen:wght@700&display=swap\');\n\n* {\n  margin: 0;\n  padding: 0;\n}\n\nhtml {\n  scroll-behavior: smooth;\n}\n\nbody {\n  padding-bottom: 50vh;\n  background: -moz-linear-gradient(top, #19c9ff 0%, #d504f9 100%);\n  background: -webkit-linear-gradient(top, #19c9ff 0%,#d504f9 100%);\n  background: linear-gradient(to bottom, #19c9ff 0%,#d504f9 100%);\n  background-repeat: no-repeat;\n  background-size: contain;\n  text-align: center;\n  font-family: \'Sen\', serif;\n}\n\n.nav {\n  background-color: rgba(0, 0, 0, 0.5);\n  padding: 10px;\n  position: fixed;\n  width: 100%;\n}\n\n.full {\n  color: white;\n  position: fixed;\n  right: 20px;\n  top: 12px;\n  font-size: 1.34em;\n}\n\n.auto {\n …