css控制过大的图片自动缩放

2010年05月22日 03:06 by:lao8

我们经常会遇到这样的问题,文章中的图片太大就会撑破页面破坏网页效果。

一般采用js脚本来控制,js控制图片自动缩放的代码

现在我们用CSS脚本来控制图片自适用大小,利用CSS来控制图片自适应大小。老吧已经测试过了支持firefox3.6.4版、IE8、Maxthon 2X 浏览器,其它就不得而知了,但是在css内用脚本控制图片影响网页速度,我还是建议用js自动缩放图片大小的方式。

代码如下,喜欢的可以收藏一下:

  1. img {
  2. border:0;
  3. max-width:650px;
  4. overflow:hidden;
  5. width:expression(this.width > 650  ? 650 : "auto");
  6. }

说明:border等于0是去掉图片边框max-width是设置图片最大宽度,width:expression是一段表达式,图片宽度大于650像素的自动缩小到650像素宽度。