angular - 不同设备上的 Ionic 5 响应行

Question

在 Ionic 5 中，如何在不同的设备中创建响应行？我有 3 行，我想在设备中调整行高。就像我想添加更多行一样，行高会自动调整以适应屏幕。

    <ion-grid fixed="true">
      <ion-row>
        <ion-col class="text-header">
          Present your QR Code to gain more points to the store upon purchasing product
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col class="qr-code">
          this is the second row
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col class="text-footer">
          this is the third row
        </ion-col>
      </ion-row>
    </ion-grid>

标签： angularionic-frameworkresponsive-designionic5