离子行渲染屏幕

Question

我有一个简单的观点：

<ion-content>
  <ion-grid *ngIf="loaded">
    <ion-row>
      <ion-col>Stuff</ion-col>
      <ion-col>Stuff</ion-col>
      <ion-col>Stuff</ion-col>
    </ion-row>
  </ion-grid>
<ion-content>

但<ion-row>元素由于向左和向右应用-15px边距而在屏幕外呈现。 这是预期的行为吗？

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

Answer 1

ion col或ion-row具有默认填充和边距，因此如果您不想使用，则添加标签无边距和无填充默认边距和填充将被删除