最新消息:TKK.net 大杂烩。

CSS限制图片最大尺寸代码–图片自适应大小

所有文章 Huishu 13658浏览 0评论

图片自动适应大小代码, 自己解决无果–不是这个不兼容就是那个不兼容,在网上寻寻觅觅多时,终于搞到个完美的。经测试, FF2、IE5.X、IE6.0、IE7.0有效,其他暂时还不知道。

.img {
max-width:300px;
/*width:300px;*/
width:expression(width>300?”300px”:width+”px”);max-width: 300px;
overflow:hidden;
}

◎ max-width:300px; 在IE7、FF等其他非IE浏览器下最大宽度为300px。但在IE6中无效。
◎ width:300px; 在所有浏览器中图片的大小为300px;固定的宽度,视你是否需要固定宽度而定
◎ 当图片大小大于300px,自动缩小为300px。在IE6中有效。
◎ overflow:hidden; 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形。

上面的方法好像第一次访问图片很小,换成下面这个就可以了

img{width:expression(width>675?”675px”:”auto”);}

新收藏一段:

<style type=”text/css”>
< !–
img,a img{
border:0;
margin:0;
padding:0;
max-width:650px;
width: expression(this.width > 650 && this.width > this.height ? 650px : ‘auto’;);
max-height:1650px;
height: expresion(this.height > 1650 ? 1650px : ‘auto’;);
} –>
< /style>

转载请注明:TKK.net » CSS限制图片最大尺寸代码–图片自适应大小

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址