有没有办法防止在缩放页面时调整背景图像的大小？

Question

背景图像只是一个看起来最好100％的简单模式。有没有办法防止这样的背景图像在缩放页面时调整大小？

Answer 1

缩放是浏览器功能，它只是放大您在浏览器中看到的所有内容，因此您无法做任何事情来保持图像的大小不变

Answer 2

您可以尝试将图像拉入HTML文档中：

<div id="bg-img">
    <img src="images/bg-img.jpg">
</div>

然后继续你的CSS，你可以将以下样式应用于持有图像的div：

#bg-img{
    min-height: 100%;
    min-width: 1024px;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index:-4;
 }

上面的样式集会将您的图像设置为适合任何浏览器，并防止背景图像调整大小或扩展到缩放的约3倍。请确保填写最小宽度的适当值，以便在调整浏览器大小时，图像将通过调整大小或裁剪来保持正确的比例。