css控制图片大小:如何用CSS控制图片自适应大小？

　　
　　图片自动适应大小是个非常常用功能在进行制作时候为了防止图片撑开容器而对图片尺寸进行必要控制我们可不可以用CSS控制图片使它自适应大小呢？

　　我们想到了个比较简单解决思路方法虽然不是非常完美如果您要求不是非常高已经可以满足你需要了我们看下面代码:

\" style=\"margin:0px 2px -3px 0px\" alt=\"div css xhtml xml Example Source Code\"/> Example Source Code [www.52css.com]
div img {
 max-width:600px;
 width:600px;
 width:expression(document.body.clientWidth>600?\"600px\":\"auto\");
 overflow:hidden;
} 


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

延伸阅读

• 2010-12-9-- css自适应,两种跨浏览器的自适应高的css代码
• 2010-12-9-- css自适应,CSS实现的图片宽高自适应固定边框
• 2010-12-9-- css自适应,两种跨浏览器的自适应高的css代码
• 2010-12-9-- css自适应,CSS 实现的图片宽高自适应固定边框
• 2010-12-9-- css自适应,创造100% 自适应css布局的行之有效的方法
• 2010-12-9-- css自适应,CSS 实现的图片宽高自适应固定边框
• 2010-12-9-- css自适应,CSS实现的图片宽高自适应固定边框
• 2010-12-9-- css多列,纯CSS无hacks的跨游览器自适应高度多列布局 推荐
• 2010-12-9-- css垂直居中,CSS解决未知高度的垂直水平居中自适应问题
• 2010-12-9-- css垂直居中,CSS解决未知高度的垂直水平居中自适应问题