app横屏之后再竖屏字体变大

最新推荐文章于 2024-11-27 08:18:00 发布

原创最新推荐文章于 2024-11-27 08:18:00 发布 · 802 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css3 #开发语言

vue 同时被 2 个专栏收录

10 篇文章

订阅专栏

app

1 篇文章

订阅专栏

本文介绍如何在从横屏页面跳转回竖屏页面时，避免字体大小突变的问题。通过在横屏页面设置定向锁定，然后在返回时先跳转至空白页再导向目标竖屏页面，实现了页面布局的平滑过渡。

A（竖屏页面）跳转到B（横屏页面）
横屏页面返回后竖屏页面字体变大

解决办法：
横屏页面内：
注意：横屏页面返回的时候跳转到一个空白页面再在空白页跳转到A页面
这样就能保证页面不乱

//横屏页面代码
 onLoad(e) {  
	 // 设置横屏  
	 plus.screen.lockOrientation('landscape-primary')  
    },  
onBackPress(e) {    
  // 设置竖屏  
	plus.screen.lockOrientation('portrait-primary')  
	// 这里可以自定义返回逻辑，比如下面跳转空白页面  
	uni.redirectTo({url: '../refresh/refresh'})  
	// return true 表示禁止默认返回  
	 return true  
},