Ionic framework 在浏览器中使用mobile toogle设备工具栏时,离子标签不会消失

Ionic framework 在浏览器中使用mobile toogle设备工具栏时,离子标签不会消失,ionic-framework,Ionic Framework,代码如下所示: <ion-list> <ion-item> <ion-label>account</ion-label> <ion-input type="text" [(ngModel)]="username"></ion-input> </ion-item> <ion-item> <ion-label>password</ion-label>

代码如下所示:

<ion-list>
 <ion-item>
   <ion-label>account</ion-label>
   <ion-input type="text" [(ngModel)]="username"></ion-input>
 </ion-item>

 <ion-item>
   <ion-label>password</ion-label>
   <ion-input type="password" [(ngModel)]="password"></ion-input>
 </ion-item>

 <ion-item  *ngIf="needIp">
    <ion-label>your server ip:</ion-label>
    <ion-input type="text" [(ngModel)]="serverIp"></ion-input>
  </ion-item>
</ion-list>

账户
密码
您的服务器ip:
这在浏览器中显示

当我将浏览器设置为android模式下的Google设备工具栏时,ion标签中的内容并没有消失,这一点


我不知道为什么,当我用一个应用程序构建这个项目时,ionic应用程序可以正常显示。但是,当我使用“ionic serve”命令运行该项目,并在chrome中运行时,ion label中会出现一个错误。

在chrome设备模式下查看应用程序时,您的宽度、高度和缩放比例是多少?375*667,我发现问题将出现在ios上,我尝试通过以下链接解决它:,但它没有起作用。