HTML + CSS：背景尺寸：封面；不工作答案

【问题标题】：HTML + CSS: background-size: cover; not workingHTML + CSS：背景尺寸：封面；不工作
【发布时间】：2018-04-07 13:17:32
【问题描述】：

我的 HTML 包含几个 100% 宽度的 div，它们应用了背景图像规则。每个周围的画布 div 都是相对位置，而背景图像 div 是绝对位置。

有一个背景尺寸：封面；应用于每个背景图像 div，但由于某种原因这不起作用。

请查看此页面，例如： https://mitteiler-os.de/

应用了背景图像的前两个“滑块”部分在左侧和右侧显示白条。这两个部分的背景图像 CSS 应用了 1980x1000 像素的图像，而更下方的其余滑块应用了更宽的图像。

不知何故，我不明白为什么 background-size: cover 在这里不起作用。

有什么想法吗？

【问题讨论】：

【解决方案1】：

我相信它确实对我有用。！？在左侧或右侧看不到任何白条。

附带说明，该页面并不能很好地适应较小的屏幕（移动设备）

【讨论】：

我刚刚上传了一个不同的文件大小（最长边为 2048px）。当我使用 1980 像素宽 x 1000 像素高的图像时，会显示空白。真的很奇怪。我没有对主题进行编码。我的工作只是找出为什么主题会将首页中的那些全宽图像调整为非常小的图像尺寸，从而导致它们模糊。我解决了这个问题，并没有检查网站上的任何其他内容；）但我会让网站所有者知道响应式应该重新设计。感谢您的提醒。