解决flex布局宽度超出时,子元素被压缩的问题:给每个子元素添加flex-shrink: 0;父元素overflow:auto;实现子元素不压缩,超出宽度展示滚动条
在使用van-swipe时发现swipe的高度不能被图片撑开,排查发现给swipe父元素设置了
#test {
height: 100%;
display: flex;
flex-direction: column;
}
解决方法:给子元素swipe增加属性flex-shrink:0,确保父元素不够大时子元素也不会被压缩。
#test {
height: 100%;
display: flex;
flex-direction: column;
.banner-box {
flex-shrink: 0;
}
}