jQuery全屏最小背景圖像大小

Question

我使用jQuery Fullscreen插件來實現在瀏覽器窗口大小（LINK TO SITE）上動態縮放的全屏幕背景圖像。它一直適合我。在這個特定的項目中，點擊後每個鏈接的背景圖像會發生變化。這是使用jQuery ScrollTo插件單擊菜單項時滾動的單個頁面網站。

我很難搞清楚如何設置最小背景圖像寬度。如果瀏覽器窗口變得足夠小，背景圖像中的白色會干擾白色文本。我想設置一個最小寬度，使背景圖像縮放到某個點，然後停止，無論窗口有多小。我的JavaScript技能非常業餘，我試着簡單地使用CSS無濟於事。

Answer 1

考慮使用background-size來放大背景圖像以及CSS Media Queries，以針對不同寬度的瀏覽器窗口使用不同的background-size值。