WXOPEN Club

安卓机和苹果机margin-bottom问题

发布于 6 年前作者 hzhao1780 次浏览最后编辑 6 年前来自 ask
  • 需求的场景描述（希望解决的问题）

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

  • 希望提供的能力

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

4 回复
junpan
junpan1 楼6 年前

谢谢各位大佬帮忙！

yyao
yyao2 楼6 年前

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

1、把margin-bottom改为padding-bottom

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

.parent{
  height: auto;
  padding-bottom: 1rpx;
}
yan14
yan143 楼6 年前

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

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

ming50
ming504 楼5 年前

mark