CSS3响应式布局higit百分比无效问题

2024-12-31 17:13:04
推荐回答(1个)
回答1:

你提到了响应式,那么应该不需要兼容低版本浏览器的 所以我给你提供的是 css3版本的解决方案,如果你需要兼容 我目前能想到的是用js获得图片的宽高

.contenr {
    display: flex;
}
.aaa, .bbb {
    width: 50%;
    display: flex;
    flex-direction: column;
}
.b1, .b2, .b3 {
    width: 100%;
    flex-direction: column;
    flex: 1;
}
.b1, .b3 {
    background: #939393;
}

效果如下:

具体原理你如果有兴趣可以百度搜索 css3 flex