我有一个网站（g-floors.eu），我想让背景（在CSS中我为内容定义了一个背景图像）也具有响应能力。不幸的是，除了我能想到的一件事之外，我真的不知道如何做到这一点，但这是一个解决方法。创建多个图像，然后使用 css 屏幕大小来更改图像，但我想知道是否有更实用的方法来实现此目的。
基本上我想要实现的是图像（带有水印“G”）自动调整大小而不显示更少的图像。当然如果可以的话
link: g-floors.eu http://www.g-floors.eu
到目前为止我拥有的代码（内容部分）
#content {
background-image: url('../images/bg.png');
background-repeat: no-repeat;
position: relative;
width: 85%;
height: 610px;
margin-left: auto;
margin-right: auto;
}
如果您希望同一图像根据浏览器窗口的大小进行缩放：
background-image:url('../images/bg.png');
background-repeat:no-repeat;
background-size:contain;
background-position:center;
不要设置宽度、高度或边距。
编辑：
上一行关于不设置宽度、高度或边距的内容是指OP关于随窗口大小缩放的原始问题。在其他用例中，如有必要，您可能需要设置宽度/高度/边距。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
