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

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 倍的缩放。请务必为最小宽度填写适当的值，以便在调整浏览器大小时，图像将通过调整大小或裁剪来保持正确的比例。