如何通过CSS控制图片大小

html-css08

如何通过CSS控制图片大小,第1张

1、css控制图片大小,参考如下代码:

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}