我正在研究 3 列的彈性框布局。左/右列用于文本,中間列用于影像。我想了解為什么影像溢位或強制中間列的高度增加。中間的 flex 項設定為flex:0 0 60%;. 根據我的理解,這告訴它不會收縮或增長,并且具有 60% 的 flex 容器寬度的基礎。出于演示目的,我制作了一個CodePen,我還使用了 2400x2400 的影像來顯示非常大的影像的問題
uj5u.com熱心網友回復:
您忘記顯式 cpecifyheight父元素:
.prod-detail__image-wrapper{
flex:0 0 60%;
height:100%; /* HERE */
& img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/328506.html
