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