當我調整瀏覽器窗口大小時，我想要所有(或只是一些)我的圖片自動調整大小。

我發現了以下代碼 – 它不做任何事情，雖然。

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元素在完全相同的位置(％明智)調整瀏覽器窗口時，他們的大小也調整大小(像封面做的背景) ？

總結

以上是生活随笔為你收集整理的html图片自动适应窗口大小,使用CSS自动调整浏览器大小的图片大小的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。