兼容IE,Firefox 的图片自动缩放CSS及expression用法

用CSS按比例缩放图片

CSS图片自动适应大小

防止表格被撑开或div层被撑开的多种方法

css实现按比例限制图片的显示大小。

css ie中最小（最大）高度（宽度） 的处理方法

用CSS如何控制网页中图片自适应大小

用CSS来控制图片显示大小

用CSS控制图片自适应大小的方法

兼容IE、Firefox
img { max-width:200px; max-height:200px; }
*html img { width: expression(this.width > 200 && this.width > this.height ? 200 : auto); height: expression(this.height > 200 ? 200 : auto); } IE7 FF支持max-width/max-height,IE6不支持，FF不支持expression,IE支持。

2. expression例子

鼠标经过时改变颜色 input {star : expression(onmouseover=function(){this.style.backgroundColor=”#FF0000″},onmouseout=function(){this.style.backgroundColor=”#FFFFFF”}) }

<a href=”link1.htm” onfocus=”this.blur()”>link1</a>去除链接虚框

img {margin-top: expression(( 150 - this.height ) / 2);} 图片在容器里垂直居中显示，150是容器高