css控制图片最大尺寸时在IE8中布局变形(被撑大) ,请高手指教~!

html-css09

css控制图片最大尺寸时在IE8中布局变形(被撑大) ,请高手指教~!,第1张

这是ie8的一个“毛病”。经过试验，通过定义父对象宽度的方法可以解决这个问题。

另外建议你用标准css来写网页。ie8已经不支持expression了，这就告诉我们——微软也在开放、进步。

参考资料中提到是用js来搞定。

html:

<img src="" class="img" />

css:

.img{width: 200pxheight: 100px}

1. 在编写网页时,如果图片大小事先是未知的,如果图片过大的话,会影响的网页中其他块的结构

使用css可以将图片的大小调整到一个固定的值

<span style="font-size: 16px">#mian img{

max-width:170px

width:170px

width:expression(document.body.clientWidth>170?"170px":"auto")

max-height:180px

height:180px

height:expression(document.body.clientWidth>180?"180px":"auto")

overflow:hidden

}

</span>

2.html代码中

如果图片的大小是事先未知的,这样设置可以使,图像的大小固定,从而不影响网页中其他块的结构

<span style="font-size: 16px"><div id = "maim">

<!--

在mian样式的块中img标签图片的大小会被固定在170px*180px

-->

<img src="01.jpg">

</div>

</span>