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
-
我有一个图像叫做myImage。jpg。这是我的CSS： 出于某种原因，当我这样做时，myImage的宽度会延伸到整个屏幕上，但高度只会延伸到页面上其他所有内容的高度。所以如果我把一堆 在我的html页面，然后高度会增加。如果我的超文本标记语言页面只包含一个 那么背景图像的高度就是1的高度 我如何使我的背景图像的高度100%的屏幕，用户使用它来查看网页？
-
问题内容： 有没有一种方法可以使CSS背景拉伸或缩放以填充其容器？ 问题答案： 对于现代浏览器，您可以使用以下命令完成此操作： 表示垂直或水平拉伸图像，因此它永远不会平铺/重复。 适用于Safari3（或更高版本），Chrome，Opera10 +，Firefox 3.6+和Internet Explorer 9（或更高版本）。 要使其与较低版本的Internet Explorer一起使用，请尝试
-
问题内容： 我有一个名为myImage.jpg的图像。这是我的CSS： 由于某些原因，当我这样做时，myImage的宽度会延伸到整个屏幕，但是高度只会延伸到页面上其他所有位置的高度。所以如果我放一堆 在我的html页面中，然后高度会增加。如果我的HTML页面仅包含一个 那么背景图片的高度就是一个的高度 如何将背景图片的高度设为用户用来查看网页的屏幕的100％？ 问题答案： 您需要将的高度设置为
-
问题内容： 这是我的CSS脚本 我想把整个细胞伸展 问题答案： .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou
-
问题内容： 我想为不同的div设置背景图像，但是我的问题是： 图片尺寸为固定值（60px）。 改变div的大小 如何拉伸背景图像以填充整个div背景？ 问题答案： 加 到背景图片下方的CSS。 您还可以指定确切的尺寸，即：
-
我试图使用CSS设置背景图像，但原始图像被拉伸。如何保持原始图像大小，同时设置整个页面的背景？ 原始图像为：原始图像 结果是：结果图像 不同的是我的网页背景比原来的要大。 任何帮助都将不胜感激！！！