Html 背景大小：导致背景图像部分隐藏的封面

我正在尝试做一个简单的登录页，我有一个页眉，一个背景图片和一个页脚的contentdiv。我希望它能够响应，所以为了保持大小，我使用了

背景图像：cover

。现在的问题是，在不同的屏幕上，图像需要放大到一部分被隐藏，如下所示：

---

正如您所注意到的，部分文本被剪切。有什么想法吗？

正如本姆所说，你必须在两者之间做出选择

1） 扭曲图像

2） 用盖子把它剪下来

3） 使用contains在侧面保留空白

但是，如果您的问题主要是必须始终显示图像的底部，则可以设置background-position-y:100%

---

这将确保始终显示图像的底部（但将在顶部切割更多…

因此，无论屏幕大小或比例，或图像比例，您希望显示整个图像，不失真吗？你不能那样做。你要么扭曲图像，要么根据需要缩放和隐藏。这就是我的想法，但这可以通过任何方式实现，包括，比如说，使图像底部更大，所以总是有一个相当大的隐藏部分，文本仍然可以？这不是

cover

background size属性的工作方式。正如我所说，你要么按比例修剪图像，要么扭曲图像。在这个例子中，哪个文本被剪切如果是在页脚的那一点，当然可以把它放在HTML中，而不是图像中？在“旅程，我们聚集在一起”下。好的，我如何把它放在HTML中，而不是修剪图像或扭曲图像？