Question

网页制作中图片大小控制问题。图片大小控制直接用Width:600px; height:800px;这样控制后图片容易变形。。

一个方法一般不采用，当用CSS样式 img { max-width: 680px; width: expression( this.width > 680 ? "680px" : (this.width+"px") ); overflow:hidden; }控制时好像IE6.0不支持。火狐的我还没试过..而且有时也会出现小问题..用JS控制的也不知道怎么好，用什么方法控制时最好的..

Answer 1

我这里略作修改：浏览器都兼容
img { max-width:680px; width:expression(width>680?"680px":width+"px");max-width: 680px; overflow:hidden;}//一般都应用于论坛等发布图片的地方

还有一个问题，你可能没理解这句话的意思：
它是指当实际图片宽度大于680px时，这里只显示680px；而当图片宽度小于680px时
（如500px...），则显示图片实际大小500px
而直接用Width:600px; height:800px；不管你图片大小怎么样，这里都只显示这么大，这样当然会变形了；

追问

那为什么还要在后面在加上一句max-width: 680px;

追答

有些浏览器不识别expression语句，所有后面还有加一个max-width: 680px;
如果不加的话，可能在读取到 width:expression(width>680?"680px":width+"px");时不识别而出错