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

发布网友发布时间：2022-04-06 10:29

共1个回答

热心网友时间：2022-04-06 11:58

你提到了响应式，那么应该不需要兼容低版本浏览器的所以我给你提供的是 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

追问

好人一生平安。

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

你提到了响应式，那么应该不需要兼容低版本浏览器的所以我给你提供的是 css3版本的解决方案，如果你需要兼容我目前能想到的是用js获得图片的宽高 .contenr { display: flex;}.aaa, .bbb { width: 50%; display: flex; flex-direction: column;}.b1, .b2, .b3 { width: ...

div响应式布局如何做响应式布局什么是响应式布局如何实现什么是响应式布局响应式布局框架响应式布局需要注意什么 web响应式布局响应式布局的网站有哪些响应式网站布局