css 可调整大小的横幅

标签 css

好的,我找到了本教程“Stretchy Image Header Banner with CSS”,但问题(如本教程中所列)是高度。随着浏览器的放大,高度会变大。有办法解决这个问题吗?由于横幅会按比例扩大,因此高度必须变大,但我想知道是否有更好的方法来做到这一点。随着横幅越来越大,有没有一种方法可以从顶部开始按一定比例裁剪横幅?非常感谢任何建议。

最佳答案

在图像上设置一个 max-height 以防止它在垂直方向变大。

http://jsfiddle.net/8C9ms/

关于css 可调整大小的横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15164278/

相关文章:

css - 为什么 WebKit 浏览器不以与 Gecko、Presto 和 Trident 相同的方式呈现此定义列表?

jquery - 滑动 div 导航

css - 如何组合获取和发布按钮的样式?

html - 从 Visio 图表或 JPEG 文件在 HTML 中创建悬停效果

javascript - JQuery Draggable with Touch Punch 停止垂直滚动

javascript - 检查 css 类组合是否存在与 javascript

html - 使用正斜杠作为 ID 属性

html - 表格和 div 图像 CSS 问题

javascript - 为 css 启用版本控制时 css 背景图像的版本

php - 使用 facebook 评论时错误 iframe 不会在 Chrome 中滚动?