jquery - 全宽固定高度图像

Question

无论屏幕宽度如何，如何确保图像以全宽(或水平完全覆盖屏幕)显示且具有一定的固定高度。如果我要设置 width: 100%; 和 height: auto; 显然高度会随着屏幕的宽度而波动。如果屏幕较窄，图像仅部分显示也没关系。有什么想法吗？

编辑:这是一个很好的例子:http://www.teamnine.ch

尝试重新调整浏览器窗口的大小，看看我的意思。

Answer 1

从源网站来看，很明显他们设置了 min-height 属性。因此你会得到这样的结果。在您想要的页面上，为您的 img 标记尝试以下 CSS。

img {
    min-height: 100%;
    min-width: 1400px;
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}