html52.com
我爱小程序-开发者交流社区

小米手机 小程序真机调试 flex与rpx布局 高度失效 不知道因为什么? 求大佬回答

父元素

.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  里面子元素平摊空间,在开发工具中测试可行,截图如下

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

但是实际真机调试中

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

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

网友回复

其家肆:

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

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付