ion-footer-bar 中的按钮重叠

Question

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

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

如何正确设置蓝色按钮布局？

Answer 1

好吧，不知道这是否足够，但是您可以做的一件事就是将其添加到您的 CSS:

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

这是更新后的代码笔：http://codepen.io/anon/pen/doRROV

编辑： 另外，我尝试调整你的 Codepen 的大小，看起来如果你加上这个额外的 CSS 规则，一旦 window 被调整大小它就不会重叠：

.buttons{
    min-width: 120px;
}

已更新 CSS 在同一个代码笔中：http://codepen.io/anon/pen/doRROV

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