css实现图片自适应屏幕

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

<div class="msg_desc">
     <img style="max-width:100%;overflow:hidden;" src="http://www.tao3w.com/upload/kindeditor/image/20140724/20140724172508_15817.jpg" alt="">
</div>

 

主要就是给img加上max-width:100%;overflow:hidden;的样式

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

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