html图片自动适应窗口大小,使用CSS自动调整浏览器大小的图片大小

当我调整浏览器窗口大小时，我想要所有(或只是一些)我的图片自动调整大小。

我发现了以下代码 – 它不做任何事情，虽然。

HTML

CSS

body {

font-family: Arial;

font-size: 11px;

color: #ffffff;

background: #202020 url(../../img/body_back.jpg) no-repeat top center fixed;

background-size: cover;

}

#icons {

position: absolute;

bottom: 22%;

right: 8%;

width: 400px;

height: 80px;

z-index: 8;

transform: rotate(-57deg);

-ms-transform: rotate(-57deg);

-webkit-transform: rotate(-57deg);

-moz-transform: rotate(-57deg);

}

#contact {

float: left;

cursor: pointer;

}

img {

max-width: 100%;

height: auto;

}

我如何基本上有一个全屏设计(与background-size：cover)和div元素在完全相同的位置(％明智)调整浏览器窗口时，他们的大小也调整大小(像封面做的背景) ？