日期:2009-12-17 10:24:00 来源:本站整理
CSS掌握图片成比例缩放[网站美工]
本文“CSS掌握图片成比例缩放[网站美工]”是由七道奇为您精心收集,来源于网络转载,文章版权归文章作者所有,本站不对其观点以及内容做任何评价,请读者自行判断,以下是其具体内容:
按比例缩小大概放大到某个尺寸,关于尺度浏览器(如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掌握图片成比例缩放[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
本文地址: | 与您的QQ/BBS好友分享! |
- ·上一篇文章:整理优化网站的CSS代码
- ·下一篇文章:办理用CSS掌握DIV居中失效的问题
- ·中查找“CSS掌握图片成比例缩放”更多相关内容
- ·中查找“CSS掌握图片成比例缩放”更多相关内容
评论内容只代表网友观点,与本站立场无关!
评论摘要(共 0 条,得分 0 分,平均 0 分)
查看完整评论