我正在开发的网站存在真正的问题。我有它工作,然后被迫修改样式 - 现在我无法回到我需要的。
链接到该网站:
http://pegasus.qa.hairylemon.co.nz/
我的问题是自行车横幅。它们宽1200px。该网站的其余部分宽960像素。这是一个深思熟虑的设计,我必须实现这一点。
问题是,在浏览器宽度低于960px之前,客户端不希望出现水平滚动条。目前,滚动条的启动速度低于1200像素。
我的解决方案涉及最大宽度 - 我记得 - 但我不能让它工作。有人可以帮忙吗?
这是一个Joomla网站 - 所以我必须使用横幅插件。我正在使用jQuery循环插件来浏览横幅模块输出的各种横幅。每个横幅模块都是一个自定义的HTML代码块 - 图像设置为背景图像,因此我们可以缩小浏览器。
将回答任何需要的问题。
答案 0 :(得分:0)
如果使用width: 100%; max-width: 1200px; min-width: 960px
,则可以将图像的宽度限制在指定的范围内。不要为height
指定任何内容,并且将保持图像的宽高比。
答案 1 :(得分:0)
max-width: 1200px; min-width: 960px;
。
这将继续homeBanner1
和homeBanner2
以及homeBanner3