收藏
回答

iPhone真机下,父元素设置columns,子元素box-shadow会位移?

<view class="container">
  <view class="box"></view>
  <view class="box"></view>
  <view class="box"></view>
</view>


.container {
  width: 100%;
  box-sizing: border-box;
  columns: 2;
  column-gap: 0;
  text-align: center;
}
 
.box {
  background: orangered;
  border-radius: 16rpx;
  display: inline-block;
  width: 300rpx;
  height: 300rpx;
  margin-bottom: 32rpx;
  box-shadow: 0 0 32rpx #9a9a9a;
}


这段代码能重现问题,如果去除.box的box-shadow,右边一列的第一个box就不会向下位移。Android无这个现象。




回答关注问题邀请回答
收藏

1 个回答

  • 是小白啊
    是小白啊
    2019-08-14

    麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

    2019-08-14
    有用
    回复 3
    • Cama!n
      Cama!n
      2019-08-14
      https://developers.weixin.qq.com/s/HnivmCm37vaG
      2019-08-14
      回复
    • Cama!n
      Cama!n
      2019-08-14
      手机型号:iPhone 6 Plus;系统版本:12.2;微信版本:7.0.5
      2019-08-14
      回复
    • 大熊
      大熊
      2022-05-30回复Cama!n
      问题怎么解决的, 俺也遇到了
      2022-05-30
      回复
登录 后发表内容
问题标签