图片自动等比例缩放的问题

KeenWon 2011-04-06 09:37:07
我发现个问题,不设置高的的话,ff下,如果宽度没超过,高度超过了,那么图片显示不全,只显示上面一段,如果设置了高度,ie6下会显示出高和宽都小于max-height和max-width的图片,我一直刷新,有时前几张会显示正常

.div1 img {
vertical-align:middle;
max-height:190px;
height:expression(this.width > 190 ? "190px" : this.height) !important;

max-width:230px;
width:expression(this.width > 230 ? "230px" : this.width);
}
...全文
153 1 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
berg369 2011-04-25
  • 打赏
  • 举报
回复
我用js实现的。

$(function(){
$(".news img").each(function(){
var maxWidth=newsWidth-20;
if($(this).width()>newsWidth-20){
imgRate=$(this).width()/$(this).height();
$(this).css("width",maxWidth+"px").css("height",maxWidth/imgRate+"px");
}
});
});

61,128

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧