ionic开发禁止横屏处理

在ionic开发中，但我们手机屏幕设置成自动选择后，在手机横屏后，可能会打乱布局，解决办法如下：

1.   进入项目目录安装插件

ionicplugin add cordova-plugin-screen-orientation

2、修改config.xml文件

<preferencename="orientation" value="portrait" />

orientation设置可以让你锁定应用程序屏幕方向以阻止屏幕自动翻转。可选的值有：default，landscape(横屏)，portrait(竖屏)。

 

landscape(横屏)表示横屏显示。

portrait(竖屏)表示竖屏显示。

 

注意：default表示landscape和portrait均可用。如果你想针对不同的平台进行不同的设置，请将此配置节从根目录下的config.xml中移除。