高度一致专题

【web布局】多个高度一致的子元素按各自宽度比例铺满容器,自适应窗口大小

工作中遇到这个问题,解决了po上来做个记录 两张图片的比例:400*400,600*400 利用flex布局,遇到缩小窗口的时候,长的那个块image被压缩了,导致拼接出来不对 flex-grow方法只是针对父容器多余的空间来比例分配,不会带上自身的宽度 解决方法,image添加 “height: 100%” 样式 最后CSS文件: .li{margin:-1px 0