CSS設(shè)置圖片自適應(yīng)LI非常簡(jiǎn)單,只需要遵循以下步驟:
/* 首先,將LI的position屬性設(shè)為相對(duì)定位,以便在其中添加絕對(duì)定位的圖片 */ li { position: relative; } /* 接下來(lái),將圖片的position屬性設(shè)為絕對(duì)定位,并設(shè)置為全寬度 */ li img { position: absolute; width: 100%; } /* 最后,將圖片的height屬性設(shè)為auto,以保持其高度與寬度相等 */ li img { height: auto; }
這樣做后,圖片將始終填充LI的整個(gè)寬度,并保持高度與寬度相等,從而實(shí)現(xiàn)了自適應(yīng)的效果。