我想有一个图形形状背景图像拉伸,以适应一个响应动态变化的div(包含文本)的整个区域,而不需要保留比例,这样图像保持在100%的宽度和高度,没有任何溢出。
我试过使用通常的背景大小设置为'cover'、'contain'和'100%100%',但这些似乎都保留了比例。我以为“100%100%”可以做到这一点,但当宽度压缩和文字缠绕更多的行时,高度并不伸展。
这可能吗?
多谢!
你也可以试试
背景-大小:100%100%带
正文{宽度:100%;高度:100%;}
或
使用对象-适合:填充;
填充:整个对象将完全填充方框。如果对象的纵横比与其方框的纵横比不匹配,则对象将被拉伸以适应。
参见:https://developer.mozilla.org/en-us/docs/web/css/object-fit