在ie浏览器下如何用css如何设置图片的最大显示尺寸?

来源:百度知道 编辑:UC知道 时间:2024/06/07 07:24:28
在火狐下可以用 max-width,max-height设置最大宽度和高度,
但在IE下不认,如何解决这个问题?

IE不认得min-这个定义,

但实际上它把正常的width和height当作有min的情况来使。

这样问题就大了,如果只用宽度和高度,
正常的浏览器里这两个值就不会变,

如果只用min-width和min-height的话,IE下面根本等于没有设置宽度和高度。

比如要设置背景图片,这个宽度是比较重要的。要解决这个问题,

可以这样:
#box{ width: 80px; height: 35px;}html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;}

img {
max-width:600px; /* IE7、FF等其他非IE浏览器下最大宽度为600px*/
width:expression(width>600?"600px":width+"px");max-width: 600px; /* 如果图片的尺寸超过600象素,那么就按600象素显示,高度同比例变化;如果图片的尺寸小于600象素,那么就原尺寸显示。在IE6中有效*/
overflow:hidden; /* 超出的部分隐藏,避免控制图片大小失败而引起的撑开变形*/
}