CSS實現(xiàn)圖片自適應(yīng)大小的方法_圖片特效特效
在制作網(wǎng)站布局中,圖片的自適應(yīng)功能是一個非常重要的功能,一般的用處是來防止圖片撐開容器而對圖片的尺寸進行必要的控制。有一個比較簡單的方法來實現(xiàn):
max-width:600px; IE7、FF等其他非IE瀏覽器下最大寬度為600px。但在IE6中無效。
width:600px; 在所有瀏覽器中圖片的大小為600px;
當圖片大小大于600px,自動縮小為600px。在IE6中有效。
overflow:hidden; 超出的部分隱藏,避免控制圖片大小失敗而引起的撐開變形。
所屬頻道:圖片特效特效/更新時間:2012-11-23
相關(guān)圖片特效特效:
- 相關(guān)鏈接:
- 特效說明:
圖片特效模板-CSS實現(xiàn)圖片自適應(yīng)大小的方法
。