当前位置:七道奇文章资讯网站建设网站美工
日期: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掌握图片成比例缩放[网站美工]”的内容,如果你对以上该文章内容感兴趣,你可以看看七道奇为您推荐以下文章:
  • css掌握文字竖排
  • 办理用CSS掌握DIV居中失效的问题
  • CSS掌握图片成比例缩放
  • <b>CSS掌握文本自动换行</b>
  • 本文地址: 与您的QQ/BBS好友分享!
    • 好的评价 如果您觉得此文章好,就请您
        0%(0)
    • 差的评价 如果您觉得此文章差,就请您
        0%(0)

    文章评论评论内容只代表网友观点,与本站立场无关!

       评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论
    Copyright © 2020-2022 www.xiamiku.com. All Rights Reserved .