当我调整浏览器窗口大小时,我想要所有(或只是一些)我的图片自动调整大小。
我发现了以下代码 – 它不做任何事情,虽然。
HTML
CSS
body {
font-family: Arial;
font-size: 11px;
color: #ffffff;
background: #20 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元素在完全相同的位置(%明智)调整浏览器窗口时,他们的大小也调整大小(像封面做的背景) ?