天天看點

結合flex布局與Grid布局時的一次Bug

結合flex布局與Grid布局時的一次Bug
結合flex布局與Grid布局時的一次Bug

很明顯我這裡設定兩個子div的寬度比是1:1,但是在上面明顯不是1:1,圖檔所占的布局寬度遠大于數字的寬度。

我初次思考,覺得發生原因如下,外部布局為grid,此時整體寬度為1fr,但是其實1fr的可用寬度是不夠的是以對數字部分造成了壓縮。