一般來說,我們設定一定寬度高度的div標籤,在裏面放上圖片,只有當圖片大小尺寸符合這個寬度和高度的時候顯示最佳。那有的時候不同的界面,同樣的信息(比如頭像)放大的尺寸是不一樣,怎麼才能讓圖片根據DIV的寬高度進行,縮放呢?其實很簡單,只用設置其css樣式即可。
.photo img
{
max-width:80px;//這是DIV的大小
width:expression(this.width > 80 ? "80px" : this.width);//實現按比例縮放
}
HTML中設置爲<div class="photo"><img src="img/006.jpg"></div>
我已經成功了,你不妨試一試~