Angular 智能手机离子工具栏中的全宽离子段

这是我的标题部分：

因维亚
利苏尔蒂
Classifica
Partite

我希望

离子段

部分中的元素占用更多空间。因此，如果有两个

离子段按钮

，我希望每个元素占据屏幕的50%。在3的情况下，33%。我怎样才能做到这一点？在第二步中，这个场景我只想用于设备，而不是pc，因为屏幕更大

  <ion-header color="primary">
      <ion-toolbar color="primary">
        <app-my-header-component></app-my-header-component>
        <ion-segment [(ngModel)]="topTab" (ionChange)="onTabChanged()">
          <ion-row>
            <ion-col>
              <ion-segment-button  value="send" >
                <ion-icon color="light"  title="Risultati" name="list-box">Invia</ion-icon>
                <ion-label>Risultati</ion-label>
             </ion-segment-button>
            </ion-col>
            <ion-col>
              <ion-segment-button value="calendar" >
                <ion-icon color="light" title="Inviate" name="stats"></ion-icon>
               <ion-label>Classifica</ion-label>
             </ion-segment-button>
            </ion-col>
            <ion-col>
              <ion-segment-button value="match" >
                <ion-icon color="light" title="Partite" name="calendar"></ion-icon>
                <ion-label>Partite</ion-label>
              </ion-segment-button>
            </ion-col>
          </ion-row>
        </ion-segment>
      </ion-toolbar>
    </ion-header>

因维亚
利苏尔蒂
Classifica
Partite

因维亚
利苏尔蒂
Classifica
Partite

您可以将ion row和ion col用于相同宽度的分段，您可以用我的示例代码提供您的想法吗？我添加了答案，请检查您可以将ion row和ion col用于相同宽度的分段，您可以用我的示例代码提供您的想法吗？我添加了答案，请检查您的解决方案是否有效，因为col比我的解决方案小。如何修复？您可以给出col宽度，例如col-3您的解决方案不起作用，因为col比我的解决方案小。如何修复？您可以给出col宽度，例如col-3