SVG元素底部为何会产生空白?
代码讲解
代码案例
<section>
<section data-title="SVG元素底部为何有空白?" data-info="讲解人:懂点君">
<svg style="vertical-align: top;width: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_png/JpraGu7eGqSgOOJ1uNFtfmxy9EKticMyIfIzaPT3XPyJM8kGsZyXTWLTSoGj6uTzZIqhrEIulxrRw83pibFR1hWA/0?wx_fmt=png);background-size: 100%;background-repeat: no-repeat;line-height: 0;" viewBox="0 0 1280 1705"></svg>
<svg style="vertical-align: top;width: 100%;background-image: url(https://mmbiz.qpic.cn/mmbiz_jpg/JpraGu7eGqSgOOJ1uNFtfmxy9EKticMyIQj7fSwBS66vXgic2bunj1KfDQKCiah847DFpFvLhPO9Sfpnib9iaLVw0Ew/0?wx_fmt=jpeg);background-size: 100%;background-repeat: no-repeat;line-height: 0;" viewBox="0 0 1024 1369"></svg>
</section>
<section style="overflow: hidden;width: 350px;height: 0!important;margin: 0 auto;"><p style="text-align: center;">提示:如图文未加载,请刷新重试(懂点君)</p></section>
</section>