+ -
当前位置:首页 → 问答吧 → css控制图片等比例缩小,兼容ie的问题

css控制图片等比例缩小,兼容ie的问题

时间:2011-04-03

来源:互联网

CSS code
.div1{
    /*非IE内核*/
    display:table-cell;
    vertical-align:middle;
    /*IE内核*/
    *display:block;
    *font-size:165px;/*高度为190PX,  则190*0.873约为165px*/
     
    text-align:center;
    width:230px;
    height:190px;
    cursor:pointer;
    }
.div1 img { 
    vertical-align:middle;/*之前的是图片上下左右居中。后面的是处理等比例缩放的*/ 
    max-width:230px; 
    width:expression(this.width > 230 ? "230px" : this.width); 
    max-height:190px; 
    height:expression(this.height > 190 ? "190px" : this.height);
}

我用asp的for循环显示8张图片
我在网站找的代码,在火狐和遨游3的急速模式下都可以,但是在ie6下面第一张图片正常,后面的都是很小的图片,不知道为什么啊????????????有的时候刷新几次,第二张有时也能正常

作者: semanwmj   发布时间: 2011-04-03

等比例缩小?

比如吧,你只定义宽度,高度不定义,图片会自动等比缩小的啊

或者你只定义高度,不定义宽度也一样

作者: luxu001207   发布时间: 2011-04-03

引用 1 楼 luxu001207 的回复:

等比例缩小?

比如吧,你只定义宽度,高度不定义,图片会自动等比缩小的啊

或者你只定义高度,不定义宽度也一样

我去了heifht,但是除了第一张,都面的都不正常,会小很多,width不是230px

作者: semanwmj   发布时间: 2011-04-03

热门下载

更多