解决app中以webview的方式嵌入h5网页,h5网页加载不出来

问题描述:我的h5网页在web端和手机浏览器都能正常渲染展示,但是嵌入到客户的webview中,渲染加载不出来,仔细检查代码之后并没有任何代码错误和后台报错。抓耳挠腮查找两天之后发现,原因为整个h5网页的最外层高度设置成了100vh
在这里插入图片描述

解决方法: 页面高度设置为:height:fit-contenmt

原因分析:因为app端在嵌入我的h5网页时,并没有给webview容器设置高度(没有默认可视高度),而是默认由内容撑开,而我的网页高度又设置成了100vh,100vh是容器的可视高度(没有给容器设置高度,所以默认容器高度为0),所以h5网页的高度也为0,就渲染展示不出来。

你可能感兴趣的:(开发经验,vue.js,javascript,vue,前端)