小米手机 小程序真机调试 flex与rpx布局 高度失效 不知道因为什么? 求大佬回答
发布于 4 年前 作者 yan14 8796 次浏览 来自 官方Issues

父元素

.sortBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-around;
  width: 700rpx;
  height: 125rpx;
  background: dodgerblue;
  margin: 50rpx auto 40rpx auto;
}

子元素

.sortList {
  width: 130rpx;
  height: 150rpx;
}

理论是父元素高度125 宽度700  里面子元素平摊空间,在开发工具中测试可行,截图如下

但是实际真机调试中

亲测  确实是没有高度 但是margin缺生效了  不太懂为什么会这样  我也上过百度 没看见过类似的问题 求解答

1 回复

虽然已经用浮动解决了 但是还有不太懂为什么  既然发生了 我个人觉得就要去解决掉 而不是去换一种方法

回到顶部