小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 需求的场景描述（希望解决的问题）
在开发工具和安卓手机上表现没问题，但是在苹果7上面margin-bottom似乎没用，购物篮遮挡住了菜品蓝
- 希望提供的能力
在苹果手机上margin-bottom也起作用。
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
iOS上是safari的锅，解决办法：
1、把margin-bottom改为padding-bottom
2、给父组件添加1rpx的padding-bottom
.parent{
height
:
auto
;
padding-bottom
1
rpx;
}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
1.div撑开
用设定了高度的div撑开底部，达到与margin撑开的相同的效果。
2.改用padding-bottom
使用padding-bottom撑开底部，大多数情况下可以满足安卓端和IOS端的展示需求。
这是ios的问题，通常的做法是在最后加一句
<view style="height: 1px;"></view>
谢谢各位大佬帮忙！
mark
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
iOS上是safari的锅，解决办法：
1、把margin-bottom改为padding-bottom
2、给父组件添加1rpx的padding-bottom
.parent{height:auto;padding-bottom:1rpx;}1.div撑开
用设定了高度的div撑开底部，达到与margin撑开的相同的效果。
2.改用padding-bottom
使用padding-bottom撑开底部，大多数情况下可以满足安卓端和IOS端的展示需求。
这是ios的问题，通常的做法是在最后加一句
<view style="height: 1px;"></view>
谢谢各位大佬帮忙！
mark