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

通过css3设置图片自响应

例如:

<div class="zxy">

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

</div>

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

.zxy img{

background-size:contain|cover;

width:100%;

height: auto;

}

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

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

滚动至顶部