<view class="page-container">
<web-view :src="webviewUrl"
fullscreen
style="height: 100vh; width: 100vw; background-color: red;"
/>
</view>
</template>
<style scoped>
.page-container {
width: 100vw;
height: 100vh;
background-color: skyblue;
}
</style> ``` 
4***@qq.com
- 发布：2024-07-09 16:36
- 更新：2024-11-01 19:35
- 阅读：634
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 4.15
手机系统： Android
手机系统版本号： Android 7.0
手机机型： 一体机平板
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
操作步骤：
步骤1. 创建APP项目写一个webview组件的页面设置占满全屏，宽100%，高100%
步骤2：用html写一个页面，高度宽度也是100%，到时放在webview组件里面显示的页面，本地运行该页面让这个页面能通过IP地址访问（通过编辑器运行、部署到服务器都可以，只要能通过IP地址访问，在安卓上能打开就行）
步骤3.设置web-view组件页面webview的地址指向上面写的html页面
步骤4.运行APP到webview组件页面 ，即可复现此问题
操作步骤：
步骤1. 创建APP项目写一个webview组件的页面设置占满全屏，宽100%，高100%
步骤2：用html写一个页面，高度宽度也是100%，到时放在webview组件里面显示的页面，本地运行该页面让这个页面能通过IP地址访问（通过编辑器运行、部署到服务器都可以，只要能通过IP地址访问，在安卓上能打开就行）
步骤3.设置web-view组件页面webview的地址指向上面写的html页面
步骤4.运行APP到webview组件页面 ，即可复现此问题
预期结果：
webview内的页面占满全屏
webview内的页面占满全屏
实际结果：
webview内的页面未占满全屏，底部多出一块白边
webview内的页面未占满全屏，底部多出一块白边
bug描述：
安卓APP web-view组件，打开h5 页面的时候，页面无法铺满屏幕，底部会有白边，高度和安卓虚拟按键栏高度一致。
经过测试，安卓如果在设置页面打开显示虚拟按键和状态栏这个设置 ，webview组件里的页面就可以全屏，如果隐藏虚拟按键，那么打开APP进入webview页面就会有白边。
附件中的图片是拍的图片
这个问题好像很久了，希望官方可以在uni-app层面能解决这个问题。
1***@qq.com
请问解决了吗
2024-07-23 09:32