在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中移除。