ionic开发——禁止手机自动旋转下横屏处理

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

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

ionic plugin add cordova-plugin-screen-orientation

插件详情：https://www.npmjs.com/package/cordova-plugin-screen-orientation

2.添加屏幕配置（Config.xml文件)

<pre name="code" class="html">
<preference name="orientation" value="portrait" />

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

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

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

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