提问者:小点点

CSS:将背景图像拉伸并压缩到div的100%区域,没有溢出,没有重复


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

我试过使用通常的背景大小设置为'cover'、'contain'和'100%100%',但这些似乎都保留了比例。我以为“100%100%”可以做到这一点,但当宽度压缩和文字缠绕更多的行时,高度并不伸展。

这可能吗?

多谢!


共1个答案

匿名用户

你也可以试试

背景-大小:100%100%带

正文{宽度:100%;高度:100%;}

使用对象-适合:填充;

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

参见:https://developer.mozilla.org/en-us/docs/web/css/object-fit