首頁(yè) > 開(kāi)發(fā) > HTML > 正文

div下圖片自適應解決方法

2018-10-16 21:10:29
字體:
來(lái)源:轉載
供稿:網(wǎng)友

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

以前的解決方法主要是利用js來(lái)實(shí)現,但用過(guò)的人都知道該辦法有點(diǎn)繁瑣。還有一種是在外部容器定義over-flow:hidden。但這種辦法只會(huì )切割圖片而不會(huì )自動(dòng)適用。
下面的辦法的出現應該感謝偉大的css2.0和更偉大的microsoft(沒(méi)有它就不必有這么