ionic开发--禁止手机横屏

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

1. 进入cmd项目目录安装插件，命令如下（此命令时基于cordova的plugin的插件）：

   ionic plugin add cordova-plugin-screen-orientation

2. 在config.xml文件中，添加如下内容：

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

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

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

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

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