Css 爱奥尼亚导航栏<；离子按钮结束>；在android kitkat 4.4.4中垂直显示图标

在带有ionic serve的浏览器中，它显示得很好。但在android kitkat设备4.4.4中，导航栏右侧（末端）的按钮垂直显示，而不是水平显示

<ion-navbar>
  <ion-title>AppTitle</ion-title>
  <ion-buttons end>
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
    <button ion-button icon-only>
      <ion-icon name="more"></ion-icon>
    </button>
</ion-buttons>

AppTitle

---

这里是一个示例标题，左右两侧的按钮位置都正确

<ion-header>
    <ion-navbar>
      <button ion-button menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
      <ion-title>Page Title</ion-title>
      <ion-buttons end>
        <button ion-button icon-only>
          <ion-icon ios="ios-cog" md="md-cog"></ion-icon>
        </button>
      </ion-buttons>
    </ion-navbar>
</ion-header>

页面标题

出于我不知道的原因，标签指定的宽度小于两个按钮的大小，因此它将它们垂直对齐。我找到的解决方案是指定一个固定的宽度，大于两个按钮的宽度。示例：（将样式放置在类中是最佳实践）

完整代码：

<ion-navbar>
  <ion-title>AppTitle</ion-title>
  <ion-buttons end style="width: 80px! Important;">
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
    <button ion-button icon-only>
      <ion-icon name="more"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

AppTitle

如果问题已解决，请不要编辑要添加（已解决）的标题，相反，如果可以，请发布您问题的答案（是的，您可以回答自己的问题），以便未来的访问者可以看到此问题和解决方案，这将对他们有所帮助。原因我不知道，标记指定的宽度小于两个按钮的大小，因此它会将它们垂直对齐。我找到的解决方案是指定一个固定的宽度，大于两个按钮的宽度。示例：（将样式放置在类中是最佳实践）。很抱歉，Madara Uchiha，这是我在stackoverflow中的第一次合作，我不知道如何正确操作。我只是想分享我找到的解决方案。感谢您的澄清。实际上，正确的方法是发布真实的答案（这是一条评论），按下并在那里写下您的答案：）