|
我們（特別是像我一樣的菜鳥）經(jīng)常會遇到一個問題——圖片自適應。這個問題是很普遍的。在文章區(qū)，在論壇，可以這么說：哪兒需要上傳圖片，哪兒就存在這個問題，而論壇上也不時有人詢問。為什么？原因很簡單，我們不能要求網(wǎng)頁編輯或者你的論壇會員都會裁剪圖片或者了解最基本的html代碼——盡管這并沒有多少技術含量。
以前的解決方法主要是利用js來實現(xiàn)，但用過的人都知道該辦法有點繁瑣。還有一種是在外部容器定義over-flow:hidden。但這種辦法只會切割圖片而不會自動適用。
下面的辦法的出現(xiàn)應該感謝偉大的css2.0和更偉大的microsoft（沒有它就不必有這么啰嗦的代碼了^_^）。本人僅在ie6.0,ff1.5,opera7.0于winXP下測試通過，希望通過此篇文章拋磚引玉，望更多高手指點。關鍵在于：max-width:780px;以及下面那行。
固定像素適應:
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
百分比適應:
運行代碼框
[Ctrl+A 全部選擇 提示：你可先修改部分代碼，再按運行]
提醒:
1 該方法不只是用于img;
2 max-width,max-height,min-width,min-height.
出處：藍色理想
責任編輯：moby
上一頁 下一頁 CSS中expression使用簡介
◎進入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論
|
第 1 頁 div下圖片自適應解決方法
第 2 頁 
