我想制作这样的横幅:
http://themeforest.net/item/overgrowth-retina-responsive-multipurpose-theme/full_screen_preview/4896083
此横幅的图像宽度为 1920 像素。但是当页面缩小时,横幅仍然是整个页面宽度,并且没有任何内容被裁剪。高度在变化,但宽度是全屏。我在 firebug 中看到包含横幅的 div 在缩放时改变了它的高度和宽度。横幅图片也在缩小。
谁能帮我做这件事?
最佳答案
根据您需要支持的浏览器,您可以使用
background-size: cover;
在这里阅读更多相关信息:http://css-tricks.com/perfect-full-page-background-image/
关于javascript - 带有 CSS 的流体全屏宽度横幅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17111144/