div img {
max-width:600px
width:600px
width:expression(document.body.clientWidth>600?"600px":"auto")
overflow:hidden
}
2、代码说明:
◎ max-width:600px在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。
◎ width:600px在所有浏览器中图片的大小为600px
◎ 当图片大小大于600px,自动缩小为600px。在IE6中有效。
◎ overflow:hidden超出的部分隐藏,避免控制图片大小失败而引起的撑开变形。
IE不认得min-这个定义,但实际上它把正常的width和height当作有min的情况来使。
这样问题就大了,如果只用宽度和高度,
正常的浏览器里这两个值就不会变,
如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。
比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,
可以这样:
#box{ width: 80pxheight: 35px}html>body #box{ width: autoheight: automin-width: 80pxmin-height: 35px}