上一篇
下一篇
纯css的防止图片撑破页面的代码，自动按比例缩小
作者:羽山 日期:2009-10-28
纯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>
html部分
程序代码
<div class="content-width">
<p><img src="images/01.jpg"/></p>
<p><img src="images/02.jpg"/></p>
<p><img src="images/03.gif"/></p>
</div>
感谢西西小朋友分享
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>
html部分
程序代码<div class="content-width">
<p><img src="images/01.jpg"/></p>
<p><img src="images/02.jpg"/></p>
<p><img src="images/03.gif"/></p>
</div>
文章来自: 
引用通告: 
Tags: 评论: 0 | 引用: 0 | 查看次数: 695
发表评论
你没有权限发表留言！