изменение элементов, чтобы они отображались по-разному при просмотре в Интернете или в приложении

Question

Так что в настоящее время я изменяю панель навигации, чтобы она отображалась по-разному при просмотре в браузере или при просмотре на мобильном телефоне, однако, если я загружу ионное приложение в магазин приложений, оно все равно будет отображаться как мобильное?

В настоящее время у меня естьдобавил *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>