當瀏覽器縮小時，如何防止圖像縮小？

Question

我有一個橫幅圖片，當網站在Chrome瀏覽器中放大100％時看起來很好。但是，如果縮小（例如縮小到60％），橫幅會縮小並向左移動。有沒有辦法來防止這種情況？

這裏是正在建設中的網站：http://dfars1.surge.sh/

如果沒有辦法，以避免照片縮小，有另一種解決方案，以保持外觀？

Answer 1

即使設置了縮放級別，圖像也應該正常縮放。你的問題在於在橫幅（.dfars-banner）上聲明瞭max-width: 2000px，這使得它在縮小某個點之後不會擴大。刪除該規則，它應該工作。