Ionic--手机禁用横屏问题解决方法

2019独角兽企业重金招聘Python工程师标准>>>

问题描述：当手机打开屏幕自动旋转的时候，该应用程序就会跟着手机屏幕旋转，页面布局 就变得混乱。

解决方法：禁止该程序横屏。

 

步骤：

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

  ionic plugin add cordova-plugin-screen-orientation

 

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

 

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

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

 

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

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

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

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

转载于:https://my.oschina.net/lwenhao/blog/1517806