在移動(dòng)端的web想使用flex來進(jìn)行布局,布局成4x4的,也就是把子元素的寬度設(shè)置為25%
子元素是圖片,圖片分正反兩面,點(diǎn)擊的話會(huì)進(jìn)行3D翻轉(zhuǎn)
現(xiàn)在主流的做法是這樣的 查看
但是問題來了,這里面使用了position: absolute;
這種屬性
導(dǎo)致的問題是,無法讓圖片進(jìn)行正常的布局,不設(shè)置這個(gè)圖片的高度的話就沒有高度,設(shè)置了的話就不會(huì)自動(dòng)收縮布局了