安卓机和苹果机margin-bottom问题
发布于 5 年前 作者 hzhao 1649 次浏览 来自 问答
  • 需求的场景描述（希望解决的问题）

在开发工具和安卓手机上表现没问题，但是在苹果7上面margin-bottom似乎没用，购物篮遮挡住了菜品蓝

  • 希望提供的能力

在苹果手机上margin-bottom也起作用。

4 回复

谢谢各位大佬帮忙！

iOS上是safari的锅，解决办法：

1、把margin-bottom改为padding-bottom

2、给父组件添加1rpx的padding-bottom

.parent{
  height: auto;
  padding-bottom: 1rpx;
}

这是ios的问题，通常的做法是在最后加一句

<view style=“height: 1px;”></view>

mark

回到顶部