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

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