实现文章内容与软件介绍处图片的自动收缩

实现文章内容与软件介绍处图片的自动收缩

　　可能很多朋友还在为图片的过大而导致页面的"扩张"与"难看"了,下面为大家简单的说一下如何时实现内容页的图片自动收缩!
　　
　　假使我们的文章内容页面的码是这样的
　　
　　<div class="showlist">文章内容标签</div>
　　
　　我们只需在CSS样式表中找到.showlist并添加比如你的文章放在
　　
　　.showlist img {max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);}
　　
　　上面的500是图片的最大宽,如果我们要限制高,只需将上面代码中的width改成hight即可!
　　
　　或者,我们直接在<div class="showlist">中添加好
　　
　　如:<div class="showlist" style="img max-width: 500px; width:expression(this.width > 500 ? "500px" : this.width);">