css - 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 规则，它不会在窗口大小调整后重叠:

.buttons{
    min-width: 120px;
}

更新后的 CSS 在同一个 Codepen 中:http://codepen.io/anon/pen/doRROV

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