CSS按比例缩小图片(限制图片最大宽度/高度)

/*按比例缩小到500px*500px以内*/

/*CSS部分*/

#Demo img{
     max-width: 500px;
     max-height: 500px;
}
* html #Demo img {
     width: expression(this.width > 500 && this.width > this.height ? 500 : true);
     height: expresion(this.height > 500 ? 500 : true);
}

/*网页部分*/

<div id="Demo"><img src="..."></div>

==========================

兼容IE和Firefox的按图片宽度缩放的CSS代码

img{ max-width:500px; height:auto; width:expression(this.width > 500 ? "500px" : this.width);}



[本日志由 webfly 于 2009-06-22 08:55 PM 编辑]
文章来自: 本站转贴
引用通告: 查看所有引用 | 我要引用此文章
Tags:
相关日志:
评论: 1 | 引用: 0 | 查看次数: -
回复回复zd8987[2009-06-30 05:42 PM | del]
用css有时候会出现浏览器操作卡死现象,不建议使用。不过,偶尔少用一下还是可以的。
发表评论
昵 称:
密 码: 游客发言不需要密码.
内 容:
验证码: 验证码
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.