我想创建一个仅包含一个适合宽度和高度并具有最大可能比例的 svg 元素的页面。
最佳答案
相关问题
How can I make an svg scale with its parent container?
How to resize an image to fit in the browser window?
不起作用，但结合所提出的方法解决了问题。
1) 替换width="A" height="B"开放中<svg ...>标记为viewBox="0 0 A B" max-width="100%" width="auto" max-height="100vh" height="auto" .
现在它几乎可以工作了，但不是很准确，因为浏览器会自动添加 margin: 8至body的样式(即使 <body> 文件中没有 .html 标记)。所以
2) 添加<style> body { margin: 0 } </style>
关于html - 如何使 svg 适合 html 宽度和高度？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44029525/