更改元素，以便在Web或应用程序上查看时显示不同

Question

因此，当前我正在更改导航栏，以便在浏览器中查看或在移动设备上查看时其显示方式不同，但是，如果我将ionic应用程序上载到应用商店，它是否仍将显示为移动设备？

当前，我已经添加了*ngIf='mobile'，因此它以我希望的方式显示在浏览器中，但是我担心如果我上传到ios / android应用程序不会显示

<ion-grid *ngIf="!mobile">
          <ion-row>
            <ion-col img size="2">
              <img src="assets/images">
            </ion-col>
            <ion-col>
            </ion-col>
          </ion-row>
        </ion-grid>
        <!-- if mobile -->
        <ion-grid *ngIf="mobile">
          <ion-row>
            <ion-col mobileImg size="10">
              <img src="assets/images">
            </ion-col>
            <ion-col>
              <ion-col size="1">
                <ion-menu-button color="tertiary">
                </ion-menu-button>
              </ion-col>
            </ion-col>
          </ion-row>
        </ion-grid>
      </ion-toolbar>