1.webview中给body设固定高度并overflow:hidden无效
解决方法：
需要将body下面的所有内容再用一层div包裹起来，例：
<body> <div class="wrap"> //content....... </div></body>
此时对className=wrap的div设固定高度且overflow:hidden方才有效
立即学习“前端免费学习笔记（深入）”；
2. 对于安卓部分4.4+以上机型和IOS机型，需要等待用户的交互动作后才能播放音乐，也就是说没法实现自动播放音乐。(但微信是可以的，个人理解是微信webview内核有做过专门的处理，如果有知道确切原因的还请麻烦指正)
解决方法: 当用户第一次触碰(最好用touchend，touchstart还有部分机型不兼容)页面时，触发播放音乐
立即学习“前端免费学习笔记（深入）”；
3. 微信客户端自带了一个客户端Banner，高度为64px，所以在针对机型做屏幕兼容性的时候，高度记得减去64px。
比如：
立即学习“前端免费学习笔记（深入）”；
4. 之前做页面的时候，出现部分机型无法显示CSS引入的图片。
后来排查后发现是由于使用background属性引入图片导致的，改为用background-image即可。
有问题写法：
background: url("../xxx.jpg") no-repeat; 改进后写法：
background-image: url("../xxx.jpg");background-repeat: no-repeat;
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
223
收藏
