最新消息:最新消息显示在全站导航条下方,非常给力的推广位置

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

Others 灰鼠 429浏览 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>

 

转载请注明:灰鼠的小窝 » CSS限制图片最大尺寸代码–图片自适应大小

您必须 登录 才能发表评论!