建站代码网

热门标签

图片自适应大小(手机屏幕用的较多)

一般图片自适应,有很多种方法,通常用js来处理,这里提供一个思路使用css来处理,不但简单,而且方便

<div class="msg_desc">

<img style="max-width:100%;overflow:hidden;" src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20480%20640'%3E%3C/svg%3E" loading='lazy' data-lazy-src="http:///upload/kindeditor/image/20140724/20140724172508_15817.jpg" alt="">

</div>

这里就把图片固定在msg_desc里面了,方便吧。