CSS控制图片等比缩放

/ 0评 / 0

在写文章的时候我们的图篇往往不是那么近人意的,这样我们就要根据网站的内容页面宽度用PS等软件来修改图片但是这样一来我们就多了很多程序步骤,最好是直接上传图片就控制图片的宽度,当然这个肯定是可以实现。不仅仅用CSS可以控制JS也是可以控制的。

今天给大家说说如何用CSS控制图片等比例缩放,一般我们都会用:

img{ max-width:950px; height:auto}

但是ie6不识别max-width样式,所以只能对这个强加HACK: _width:950px;若是省略:height:auto,图片只会缩小宽度,做不到等比缩放。

但是本站使用的是:

img{max-width:630px;height:auto;width:expression(this.width>630?"630px":this.width);max-height:630px;height:expression(this.height>630?"630px":this.height);}

自己可以参考下。