最近使用了flex布局，結(jié)果圖片被縱向拉伸變形了。
解決方案：
1.在父元素沒有設(shè)置高度的情況下，可以設(shè)置圖片height:100%，可以解決這個問題。
2.用div標(biāo)簽包裹圖片，這種方案比較通用，但是會產(chǎn)生無用標(biāo)簽。
解決flex布局導(dǎo)致圖片變形
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。
相關(guān)閱讀更多精彩內(nèi)容
- 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
- 使用純 CSS 實現(xiàn) 500px 照片列表布局 文章很長，因為介紹了如何一步一步進(jìn)化到最后接近完美的效果的，不想讀...
- 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
- 選擇qi：是表達(dá)式 標(biāo)簽選擇器 類選擇器 屬性選擇器 繼承屬性： color，font，text－align，li...
- 01、 這幾天放假在宿舍，閑來無事，獨自看了幾部經(jīng)典電影。 《肖申克的救贖》這一部，被很多影評界的資深人士奉為圭臬...
