鍍金池/ 問答/HTML/ 關(guān)于圖片自適應(yīng)問題,長寬比完全相反的怎么處理?

關(guān)于圖片自適應(yīng)問題,長寬比完全相反的怎么處理?

外容器是固定寬 200px 高 200px
假設(shè)兩張圖片
a 寬200px 高 400px
b 寬400px 高 200px
不考慮采用背景, 設(shè)定 img的樣式為 max-width:100% height:auto
a的寬度會完全顯示,高度截取一半,顯示沒問題
b的寬度會完全顯示,但是圖片的高度只一半,即100px,留下一個白邊

如果是max-height:100% width:auto 結(jié)果會反過來

這種情況怎么處理?

回答
編輯回答
遲月

圖片的height和width都設(shè)置成100%,圖片不就占滿盒子嗎

2017年1月9日 02:09