logo标签列表

如何调整SVG以适应div大小？

javascriptjquerycsssvg
4
当尝试将内容适应带有边框的div时，svg图像会被右侧切断。 代码片段 HTML：
 <div style="position:relative;width:550px;height: 500px;background: gainsboro;border: 4px solid;">

 <-- My SVG -->

 </div>

帮我将这个SVG适配到550x500的大小

1
SVG的viewBox应该是550X550的纵横比。 - Mr_Green
1个回答
8
请不要在SVG中使用width或height。相反，使用viewbox。然后，SVG将自动缩放（大多数情况下）。 <svg xmlns="http://www.w3.org/2000/svg" viewbox ="0 0 959 593"> Codepen演示
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接