防止图片撑破页面的CSS代码

前言：在做网站的时候，一部分人会遇到上传的图片太大了，把网站页面给撑破了，这样网站也不美观了。当然了，上传到网站的图片如果能用图片处理软件处理下那是最好的，既美观又节省空间容量，但是很多人还是不太会用图片处理软件，那么网讯互联就教大家用纯CSS代码的方式来防止图片撑破网站页面，图片会自动按比例缩小。

详细纯css的防止图片撑破页面的代码：

CSS代码：

<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>

插入位置代码：

<div class="content-width">
  <p><img src="图片路径"/></p>
  <p><img src="图片路径"/></p>
</div>

资料整理：珠海网站建设网 http://y8v9c0.xueerya.cn 转载时请注意标明来源。