jQuery全屏最小背景图片大小

Question

我正在使用 jQuery Fullscreen 插件来实现全屏背景图像，该图像在浏览器窗口大小调整时动态缩放 (LINK TO SITE)。它一直对我很有效。在此特定项目中，单击每个链接的背景图像都会发生变化。这是一个单页站点，当使用 jQuery ScrollTo 插件单击菜单项时会滚动。

我很难弄清楚如何设置最小背景图像宽度。如果浏览器窗口变得足够小，则背景图像中的白色会干扰白色文本。我想设置一个最小宽度，这样背景图像就会缩放到某个点，然后不管窗口有多小都会停止。我的 Javascript 技能相当业余，我尝试过简单地使用 CSS 无济于事。

Answer 1

考虑使用background-size 来缩放背景图像，并结合CSS Media Queries 为不同宽度的浏览器窗口使用不同的background-size 值。