离子页脚杆中的按钮重叠

Question

我尝试使用Ionic ion-footer-bar来显示三个固定按钮和无限制的其他滚动按钮：

但是，固定图标在Safari中相互重叠。代码已开启：CodePen

如何正确设置蓝色按钮？

Answer 1

好吧，不知道这是否足够，但你可以做的一件事是将它添加到你的CSS中：

.buttons button{
    margin-right:2px;
}

以下是更新的Codepen：http://codepen.io/anon/pen/doRROV

修改 另外，我玩了调整Codepen的大小，看起来如果你放了这个额外的CSS规则，一旦调整窗口大小，它就不会重叠：

.buttons{
    min-width: 120px;
}

更新的CSS位于相同的Codepen中：http://codepen.io/anon/pen/doRROV

现在，我不知道你的设备会如何表现 - 你可能想要计算宽度，然后相应地设置最小宽度。