首頁 > 開發 > HTML > 正文

div下圖片自適應解決方法

2018-10-16 21:10:29
字體:
來源:轉載
供稿:網友

我們(特別是像我一樣的菜鳥)經常會遇到一個問題――圖片自適應。這個問題是很普遍的。在文章區,在論壇,可以這么說:哪兒需要上傳圖片,哪兒就存在這個問題,而論壇上也不時有人詢問。為什么?原因很簡單,我們不能要求網頁編輯或者你的論壇會員都會裁剪圖片或者了解最基本的html代碼――盡管這并沒有多少技術含量。

以前的解決方法主要是利用js來實現,但用過的人都知道該辦法有點繁瑣。還有一種是在外部容器定義over-flow:hidden。但這種辦法只會切割圖片而不會自動適用。
下面的辦法的出現應該感謝偉大的css2.0和更偉大的microsoft(沒有它就不必有這么金玫玫床戏