有沒有辦法防止縮放頁面時調整背景圖像的大小？

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; 
} 

的一個bove樣式集將會將您的圖像設置爲適合任何瀏覽器，並防止背景圖像調整大小或擴大至約3倍的縮放比例。請確保爲最小寬度填充適當的值，以便在瀏覽器調整大小時，圖像將通過調整大小或裁剪來保持正確的比例。