Ionic framework 爱奥尼亚4&;Angular 8 PWA-在Android浏览器中隐藏页脚
我正在创建一个带有角度8和离子4的PWA。 我使用的是“ion fab”,但在Android浏览器中,键盘推动组件 我已经看到,在Ionic Native中,您可以使用Cordova()管理键盘控件,但我需要它用于PWA。有什么解决办法吗Ionic framework 爱奥尼亚4&;Angular 8 PWA-在Android浏览器中隐藏页脚,ionic-framework,ionic4,angular8,progressive-web-apps,Ionic Framework,Ionic4,Angular8,Progressive Web Apps,我正在创建一个带有角度8和离子4的PWA。 我使用的是“ion fab”,但在Android浏览器中,键盘推动组件 我已经看到,在Ionic Native中,您可以使用Cordova()管理键盘控件,但我需要它用于PWA。有什么解决办法吗 <ion-content> </ion-content> <ion-footer> <ion-fab vertical="bottom" horizontal="end" slot="fixed"> &
<ion-content>
</ion-content>
<ion-footer>
<ion-fab vertical="bottom" horizontal="end" slot="fixed">
<ion-fab-button>
<ion-icon name="add"></ion-icon>
</ion-fab-button>
</ion-fab>
</ion-footer>
不幸的是,当键盘打开时,无法避免Android上的视口大小调整,甚至在独立应用程序上实现了
@ionic native/keyboard
插件。因此,您需要解决这个问题,您可以选择以下几个选项:
- 当键盘打开/关闭时,将触发
事件。您可以使用它按程序应用更改,但是,此事件也会由其他操作触发调整大小
- 当
高度低于预期值时,使用CSS媒体查询隐藏某些组件主体
- 在应用程序启动时获取窗口
值,并将body元素设置为固定高度:innerHeight
<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="viewport" content="viewport-fit=cover, width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />