在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

如果是max-height:100% width:auto 結(jié)果會(huì)反過(guò)來(lái)

這種情況怎么處理?

回答
編輯回答
遲月

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

2017年1月9日 02:09