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