圖片自動(dòng)適應(yīng)大小是一個(gè)非常常用的功能，在進(jìn)行制作的時(shí)候?yàn)榱朔乐箞D片撐開(kāi)容器而對(duì)圖片的尺寸進(jìn)行必要的控制，我們可不可以用CSS控制圖片使它自適應(yīng)大小呢？
可以通過(guò)按比例縮小或者放大到某尺寸（自己指定），來(lái)保持圖片不變形走樣的完全顯示。
解決方案：
一、 對(duì)于標(biāo)準(zhǔn)瀏覽器（如Firefox），或者最新都IE7瀏覽器，直接使用max-width,max-height；或者min-width,min-height的CSS屬性即可。如：
我們想到了一個(gè)比較簡(jiǎn)單的解決方法，雖然不是非常的完美，如果您的要求不是非常高，已經(jīng)可以滿(mǎn)足你的需要了。我們看下面的代碼：
img{
max-width:100px;
max-height:100px;
overflow:hidden;
}
二、對(duì)于IE6及其以下版本的瀏覽器，則可以利用其支持的expression屬性，在css code中嵌入javascript code來(lái)實(shí)現(xiàn)圖片的縮放：
img{
width:expression(this.width>150?"150px":this.width);
height:expression(this.height>150?" 150px":this.height);
}
三、完美解決方案
img{
border:0;
margin:0;
padding:0;
max-width:150px;
width:expression(this.width>150?"150px":this.width);
max-height:150px;
height:expression(this.height>150?" 150px":this.height);
}
喜歡 
頂
難過(guò)
囧
圍觀
無(wú)聊
王者榮耀賬號(hào)惡
MARVEL Strike 
2017年10月手游
比官居一品好玩
