国内最全IT社区平台 联系我们 | 收藏本站
华晨云阿里云优惠2
您当前位置:首页 > web前端 > htmlcss > CSS自适应图片大小的兼容性的问题分析

CSS自适应图片大小的兼容性的问题分析

来源:程序员人生   发布时间:2013-10-28 10:31:27 阅读次数:3401次

问题:

我想通过css实现对图片大小的自适应,通过以下代码在ie7和Firefox中已经可以正常显示了,但是在ie6里面,宽比高大的(横起的)图片总是比高比宽大的(竖起的)图片矮10个xp,谁知道是为什么啊?

#phto img {
max-width: 130px;
max-height: 110px;
height:auto;
zoom:expression( function(e) {
if(e.width>e.height) {if (e.width>130) { e.height = e.height*(110 /e.width); e.width=130; }}
else {if (e.height>110) { e.width = e.width*(130 /e.height); e.height=110; }}
e.style.zoom = '1'; }(this));
overflow:hidden;
}

回答:


提示:可修改后代码再运行!

生活不易,码农辛苦
如果您觉得本网站对您的学习有所帮助,可以手机扫描二维码进行捐赠
程序员人生
------分隔线----------------------------
分享到:
------分隔线----------------------------
关闭
程序员人生