100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > html图片自动适应窗口大小 使用CSS自动调整浏览器大小的图片大小

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

时间:2019-01-22 11:44:25

相关推荐

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

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

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

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元素在完全相同的位置(%明智)调整浏览器窗口时,他们的大小也调整大小(像封面做的背景) ?

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。