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

小朱爱开发 2024-07-14 16:33:01 阅读 79

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

在这里插入图片描述

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

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



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。