web-view 在安卓手机中显示audio 标签使用自带的controls时有最小宽度
发布于 7 年前 作者 caoguiying 12869 次浏览 来自 官方Issues

一篇文章,在图文中有音频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>

回到顶部