jquery - 最大宽度和横幅尺寸

标签 jquery html css

我对我正在开发的网站有一个真正的问题。我让它工作,然后被迫修改样式 - 现在我无法将它恢复到我需要的状态。

网站链接在这里:

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

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

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

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

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

将回答任何需要的问题。

最佳答案

如果你使用 width: 100%;最大宽度:1200px; min-width: 960px 您可以将图像的宽度限制在您指定的范围内。不要为 height 指定任何内容,图像的纵横比将保持不变。

关于jquery - 最大宽度和横幅尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12256336/

相关文章:

javascript - 使不可见的 div 在单击时变为可见不起作用

php - 为什么当我将 XML 发送到 PHP 时,节点是小写的,但当我在 PHP 中解析它们时,它们是大写的?

javascript - 使用范围 slider 作为输出

javascript - 使用 redux 构建 React 应用程序时在何处存储 WebRTC 流

html - 使用 CSS 选择器更改 2 个元素对的 div 类

jquery - 如何防止固定页脚覆盖 JQuery Mobile 页面的内容?

javascript - 使用 CSS 创建带边框的按钮

android - 如何在 Flex Spark 上重复背景图像?

jquery - 如何使用 jQuery 增加字体大小变化?

javascript - IE9 默认为 IE7,javascript 错误