小程序

小程序camera组件全屏

2021-04-14  本文已影响0人  夏夏夏夏顿天

width 和 height 都设置为 100% 时,实际是无效的。

<camera device-position="back" style="width: 100%; height: 100%;"></camera>

真机测试:

宽度确实是 100%
但是高度只有屏幕的四分之一

解决方法

height 使用 vh

<camera device-position="back" style="width: 100%; height: 100vh;"></camera>

但是这样还是没达到预期,因为没有 camera 没有占满全屏,顶部的状态栏影响了美观度。

真正的全屏

在 camera.json 中,设置

"navigationStyle": "custom"
上一篇 下一篇

猜你喜欢

热点阅读