Чтобы приложение Ionic 5 отображалось только в портретном режиме, вы можете использовать следующие методы:

1. Файл Config.xml: откройте файл config.xml, расположенный в корневом каталоге вашего проекта Ionic. Добавьте следующую настройку в раздел :

   <preference name="orientation" value="portrait" />

   Для iOS добавьте настройку в раздел .

2. Плагин ориентации экрана: установите плагин ориентации экрана Cordova, выполнив следующую команду в каталоге проекта Ionic:

   ionic cordova plugin add cordova-plugin-screen-orientation
   npm install @ionic-native/screen-orientation

   Затем импортируйте модуль «Ориентация экрана» в свое приложение и установите предпочтительную ориентацию в коде компонента. Например, чтобы установить книжную ориентацию:

   import { ScreenOrientation } from '@ionic-native/screen-orientation/ngx';
   constructor(private screenOrientation: ScreenOrientation) {}
   // Set orientation to portrait on page load
   ionViewDidEnter() {
   this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
   }
   // Unlock orientation on page leave
   ionViewWillLeave() {
   this.screenOrientation.unlock();
   }

3. CSS-медиа-запросы. Добавьте следующий код CSS в глобальный файл styles.cssили файл CSS конкретного компонента, чтобы приложение отображалось в портретном режиме:

   @media screen and (orientation: landscape) {
   body {
   transform: rotate(90deg);
   transform-origin: left top;
   width: 100vh;
   height: 100vw;
   overflow-x: hidden;
   position: fixed;
   top: 0;
   left: 0;
   }
   }

   Этот метод поворачивает приложение на 90 градусов, когда устройство находится в альбомной ориентации, и оно выглядит так, как будто оно находится в книжной ориентации.