网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > CSS
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.IE的IF条件注释使用备忘.
.精通 CSS 滤镜(二).
.CSS教程:网页字体及字体大小的设.
.学习CSS的10大理由.
.14个常见的CSS技巧及常见问题.
.CSS在IE和Nascape的显示差别.
.第三章 CSS的应用补充.
.CSS样式表设计的十条技巧.
.GridView固定表头(不用javascrip.
.CSS让表格的溢出内容隐藏起来.
.CSS布局之浮动(二).
.CSS垂直树形下拉菜单.
.css插入透明png(IE6下PNG背景透明.
.CSS opacity-实现图片半透明效果.
.css应用笔记整理之结构编写.
.CSS初学者常犯错误汇总.
.CSS解决图片下面有空隙的简单方法.
.跟初学者分享:学习css需要什么软.
.稀为人知的几个有用的Css技巧.
.制作网页时CSS常用的十点技巧.

CSS控制图片成比例缩放

发表日期:2008-11-24


按比例缩小或者放大到某个尺寸,对于标准浏览器(如Firefox),或者最新都IE7浏览器,
直接使用max-width,max-height;或者min-width,min-height的CSS属性即可。如:

img{max-width:100px;max-height:100px;}
img{min-width:100px;min-height:100px;}
对于IE6及其以下版本的浏览器,则可以利用其支持的expression属性,在css code中嵌入javascript code
来实现图片的缩放

.thumbImage {max-width: 100px;max-height: 100px;} /* for Firefox & IE7 */
* html .thumbImage { /* for IE6 */
width: expression(this.width > 100 && this.width > this.height ? 100 : auto);
height: expression(this.height > 100 ? 100 : auto);
}

上一篇:CSS下拉菜单的制作 人气:583
下一篇:XHTML+CSS兼容性解决的五个方案 人气:325
浏览全部CSS的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐