CSS控制图片大小-适应宽度
更新时间：2008年07月19日 12:57:10 作者：
以前一直用js控制图片的大小，有的时候我们的广告也会被变得很小，所以一般都是直接在内容区控制，图片大小，这个方法用css 的expression方法
不知道家有没有遇到过这样的情况：在CSS控制图片大小时，如果把图片的宽度写死，比如 img{width:500px;} ，固然，如果图片宽度大于500px可以很好的控制它不让它过大，但如果图片宽度小于500px，比如说只有100px时，刚才的写法会把这张图扩大5倍显示，显然，这不是我们想看到的。
那么，CSS如何可以区分对待这些图片设置大小呢？很简单，请看：
img{width:expression(this.width>500?"500px":this.width+"px"); }
只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示！怎么样，是不是确实很简单？
弊端：增加客户端的负荷，一般用js实现的比较多。
那么，CSS如何可以区分对待这些图片设置大小呢？很简单，请看：
复制代码 代码如下:
img{width:expression(this.width>500?"500px":this.width+"px"); }
只要在CSS运用这段代码，就可以分别控制大图片与小图片。它的意思就是，如果图片宽度大于500px，那么图片就以500px的大小显示，如果小于的话，那么图片就按照原有尺寸显示！怎么样，是不是确实很简单？
弊端：增加客户端的负荷，一般用js实现的比较多。
相关文章
用滑动门技术设计按钮的图文教程...2007-07-07
ul在Firefox和IE下的不同表现的解决方法...2007-08-08
滚动条效果...2006-11-11
SPAN元素和DIV元素有的区别...2007-02-02
内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div+css xhtml+css 纯代码的分离，思想上流程上，到底如何分离？2008-08-08
今天遇到一个神奇的问题：下面是代码 代码在IE7中正常显示，IE6什么也不显示。2008-05-05
Div+Css(+Js)菜单代码及制作工具...2006-12-12
em px的关系...2007-01-01
之所以说IE不好，是因为IE会误导了你对CSS模型的理解，让你以为IE的理解是对的，之后无论如何你都无法用你的IE模型理论去为你那个无法在FF正常显示的CSS提供fix。2008-09-09
今天要讲的内容是如何实现“首字下沉”，，第一个字是很大的红色楷体，陷于一段文字之首。这种做法在杂志中常见，但是在网页中不那么常见。那么如何实现呢？其实很简单，只有一句CSS就可以了。2008-07-07
最新评论