根据分辨率制作图像比例

Question

我的网站标题为width:100%，here:http://directdatanou.comli.com/

如何根据屏幕分辨率进行图像缩放？

我尝试使用图片作为div的背景，如下所示：

 <div id="header" class="latime_100p">

    </div>

用css：

#header{
    background: #5b6773 url("../grafica/header.jpg") no-repeat top center;
    background-size: cover;
    height:500px;
}

但它不能在大分辨率上缩放（它只显示图像的一部分，因为屏幕宽度和高度增加）。

所以我最终直接使用了图像？

如何根据分辨率优雅地缩放？

谢谢。

Answer 1

如果您需要显示所有图片：

<img src="...." class="img">

.img {
     width: 100%;
     height: auto;
}

全部