Css控制图片大小,自适应缩放,兼容IE6和Firefox

Css控制图片大小,自适应缩放,兼容IE6和Firefox

Css控制图片大小,自适应缩放,兼容IE6和Firefox,例如我们在日常的网站设计当中,总是会遇到这样的问题,图片大小未知,而我们设计的网站内容区域的宽度是一定的,如果给所有图片设置等量的宽度显示是不行的,通过查询CSS手册,我们知道max-width和max-height可以控制图片的大小,如果图片宽度超过内容区域,则限制其大小为指定的宽度,但是杯具总是发生在IE6身上,一个做下载站的哥们今日联系烈火网小编,他也遇到这个问题,他非常关注IE6的支持,本来烈火网已经放弃了IE6,但是为朋友两肋插刀是必须的,解决方案自然就有了。

不废话了,上代码:

Copy to Clipboard引用的内容:[www.veryhuo.com]
<style type="text/css">
.content-width {MARGIN: auto;WIDTH: 600px;}
.content-width img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 600 ? "600px" : this.width)!important;}
</style>
</head>
<body>

<div <p><img src="veryhuo_com1.jpg"/></p>
<p><img src="veryhuo_com2.jpg"/></p>
</div>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值