【发布时间】：2013-06-14 14:44:58
【问题描述】：
我想创建这样的横幅：
http://themeforest.net/item/overgrowth-retina-responsive-multipurpose-theme/full_screen_preview/4896083
此横幅有一个宽度为 1920 像素的图像。但是当页面缩小时，横幅仍然是整个页面宽度，并且没有任何内容被裁剪。高度在变化，但宽度是全屏。我用萤火虫看到包含横幅的 div 在缩放时正在改变它的高度、宽度。而且横幅图片也在缩小。
谁能帮我做这件事？
【问题讨论】：
-
使用 Flexslider（谷歌搜索会得到你想要的）
-
其实我已经尝试过CSS3的特性。有一个 100% 宽度的 div 包含图像。我一直在使用：背景大小：100% 自动。这使得横幅图像始终是宽度的 100%。但是当我缩小时，图像被裁剪。可以在这里看到：sa.thinksimple.no/about-us.php
标签： javascript jquery html css banner