CSS控制图片大小，自适应缩放，兼容ie6和firefox，例如我们在日常的网站设计当中，总是会遇到这样的问题，图片大小未知，而我们设计的网站内容区域的宽度是一定的，如果给所有图片设置等量的宽度显示是不行的，通过查询CSS手册，我们知道max-wIDth和max-height可以控制图片的大小，如果图片宽度超过内容区域，则限制其大小为指定的宽度，但是杯具总是发生在ie6身上，一个做下载站的哥们今日联系网小编，他也遇到这个问题，他非常关注ie6的支持，本来网已经放弃了ie6，但是为朋友两肋插刀是必须的，解决方案自然就有了。
不废话了，上代码：
<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="wfuyu_com1.jpg"/></p>
<p><img src="wfuyu_com2.jpg"/></p>
</div>
友情提示：
上面设置的图片宽度为600PX，示例图片为网的，请动手将宽度和图片地址都替换为自己的。
总结以上是内存溢出为你收集整理的Css控制图片大小，自适应缩放，兼容IE6和Firefox全部内容，希望文章能够帮你解决Css控制图片大小，自适应缩放，兼容IE6和Firefox所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）