前端设置图片自响应设备宽度

建站知识 / 2018年5月7日

通过css3设置图片自响应

例如：

<div class="zxy">


<img src="./images/123.png"><!--图片正常大小1280px,无法在手机端正常展示-->

</div>

如何设置样式，使其在手机端正常显示？

.zxy img{


background-size:contain|cover;
width:100%;
height: auto;

}

设置后，在手机端可以看到图片是跟随屏幕的大小响应！

相关文章