我想在我的网站正文中部署一个背景图像，该图像会随着窗口分辨率的变化而缩小，但不会放大到超出其原始尺寸（1920x1080）。这样，分辨率较小的用户仍然可以看到整个图像，但分辨率更高的用户就不会看到丑陋的放大背景。
它看起来不像背景图像支持像 max-width 这样的属性，我通常会出于这样的目的使用它。
解决办法是什么？这可以在 CSS 中实现而不需要额外的脚本吗？
我将使用 div 作为具有最大宽度的包装器，并将背景设置为该 div。
HTML
<body>
<div class="container">Content</div>
</body>
CSS
.container {
width: 100%;
max-width: 1920px; /* YOUR BG MAX SIZE */
background:url("bg.png") no-repeat;
background-size: 100%;
}
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
