最大宽度和横幅尺寸

时间:2012-09-04 03:17:00

标签: jquery html css

我正在开发的网站存在真正的问题。我有它工作,然后被迫修改样式 - 现在我无法回到我需要的。

链接到该网站:

http://pegasus.qa.hairylemon.co.nz/

我的问题是自行车横幅。它们宽1200px。该网站的其余部分宽960像素。这是一个深思熟虑的设计,我必须实现这一点。

问题是,在浏览器宽度低于960px之前,客户端不希望出现水平滚动条。目前,滚动条的启动速度低于1200像素。

我的解决方案涉及最大宽度 - 我记得 - 但我不能让它工作。有人可以帮忙吗?

这是一个Joomla网站 - 所以我必须使用横幅插件。我正在使用jQuery循环插件来浏览横幅模块输出的各种横幅。每个横幅模块都是一个自定义的HTML代码块 - 图像设置为背景图像,因此我们可以缩小浏览器。

将回答任何需要的问题。

2 个答案:

答案 0 :(得分:0)

如果使用width: 100%; max-width: 1200px; min-width: 960px,则可以将图像的宽度限制在指定的范围内。不要为height指定任何内容,并且将保持图像的宽高比。

答案 1 :(得分:0)

在您的情况下

max-width: 1200px; min-width: 960px;

这将继续homeBanner1homeBanner2以及homeBanner3