CSS：要拉伸和挤压到 div 的 100% 区域的背景图像，无溢出，无重复

CSS: Background image to stretch and squash to 100% area of div with no overflow no repeat

我想要拉伸图形形状背景图像以适应响应式动态变化 div（包含文本）的整个区域，而不需要保留任何比例，以便图像保持在 100 % 宽度和高度没有任何溢出。

我试过将通常的背景大小设置为 'cover'、'contain' 和“100% 100%”，但这些似乎都保留了比例。我以为“100% 100%”就可以了，但是当宽度压缩并且文本换行更多行时，高度不会拉伸。

这可能吗？

非常感谢！

你也可以试试

背景大小：100% 100%

正文{ width:100% ; height:100%;}

或

使用对象匹配：填充；

fill:整个对象将完全填满方框。如果对象的纵横比与其框的纵横比不匹配，则对象将被拉伸以适合。