l***@dingdinglv.com
l***@dingdinglv.com
  • 发布:2022-07-06 18:00
  • 更新:2022-07-06 18:00
  • 阅读:1215

uniapp h5页面在ios上”添加到主屏幕“,通过主屏幕快捷方式打开页面,重力感应横竖屏切换后页面高度变化怎么解决?

分类:uni-app

1.项目manifest.json中h5模板配置,模板中添加meta:
<meta name="apple-mobile-web-app-title" content="<%= htmlWebpackPlugin.options.title %>">
<meta name="apple-touch-fullscreen" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes"> <!--应用全屏展示-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">

2.真实ios Safari上访问h5页面,并”添加到主屏幕“
”添加到主屏幕“的方法参考:https://www.php.cn/faq/447747.html

3.打开主屏幕上刚添加的快捷方式,打开重力敢用,横竖屏切换一次在竖屏下滑动就会出现如下问题

重新竖屏显示时,仔细上下滑动一下就能发现问题,感觉多了一个status-bar的高度

vue2.x随便选一个代码都可以复现

2022-07-06 18:00 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复