用CSS按比例縮放圖片

來源:互聯網
上載者:User
把一副大圖片按比例縮小或者放大到某個尺寸,對於標準瀏覽器(如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);}由於把圖片放大,可能存在圖片鋸齒化的問題,一般用在圖片縮小的情況是較多的。
相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.