jQuery全屏最小背景图片大小

时间:2012-11-12 18:47:29

标签: jquery css resize fullscreen

我正在使用jQuery Fullscreen插件来实现全屏幕背景图像,该图像可在浏览器窗口调整大小(LINK TO SITE)时动态缩放。它一直很适合我。在此特定项目中,单击时每个链接的背景图像都会更改。这是一个单页网站,当使用jQuery ScrollTo插件单击菜单项时滚动。

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

1 个答案:

答案 0 :(得分:0)

考虑使用background-size缩放背景图片和CSS Media Queries,以便为不同宽度的浏览器窗口使用不同的background-size值。