纯css的防止图片撑破页面的代码,图片会自动按比例缩小。(css 图片自动缩放 )
完美兼容:IE6、IE7、IE8、Firefox
相应代码:
<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>
</head>
<body>
<div class="content-width">
<p><img src="/down/js/images/12567247980.jpg"/></p>
<p><img src="/down/js/images/12567247981.jpg"/></p>
</div>