收藏
回答

web-view 在安卓手机中显示audio 标签使用自带的controls时有最小宽度

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android android 8.0 华为 P9 7.0.12

一篇文章,在图文中有音频audio标签,audio用原生controls,宽度是100%。在开发者工具中,web-view展示正常。我用浏览器打开网页也展示正常。但在手机上看,web-view的展示就不正常了,audio的宽度突破了父节点的宽度。

这个是开发者工具中的效果

这是在谷歌浏览器模拟手机形式的效果,手机浏览器看也一样小效果

手机小程序中看就出现存在最小宽度的情况。

代码片段就不上了,web-view用不了。

html 就:

<div style="border:1px solid #ddd;width:40%;">

        <div>一个40%宽的框,里面有一个100%宽的audio标签使用默认controls</div>

  <audio controls="controls" style="width:100%;" ></audio>

    </div>

回答关注问题邀请回答
收藏
登录 后发表内容
问题标签