CSS實(shí)現(xiàn)圖片自適應(yīng)大小的方法_圖片特效特效

      查看演示效果

      在制作網(wǎng)站布局中,圖片的自適應(yīng)功能是一個(gè)非常重要的功能,一般的用處是來防止圖片撐開容器而對(duì)圖片的尺寸進(jìn)行必要的控制。有一個(gè)比較簡(jiǎn)單的方法來實(shí)現(xiàn):
        max-width:600px; IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。
        width:600px; 在所有瀏覽器中圖片的大小為600px;
        當(dāng)圖片大小大于600px,自動(dòng)縮小為600px。在IE6中有效。
        overflow:hidden; 超出的部分隱藏,避免控制圖片大小失敗而引起的撐開變形。
        

      所屬頻道:圖片特效特效/更新時(shí)間:2012-11-23
      相關(guān)圖片特效特效