DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS控制圖片成比例縮放
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);
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved