HTML – 如何使svg响应

概述我正在努力使这个大规模的svg响应.但是,它不起作用,我不知道为什么. 我尝试了以下方法： – 设置宽度：100％高度：自动(一旦我移除了像素中的设置宽度/高度,图表就消失了,无论我放回什么) – 使用https://css-tricks.com/scale-svg/建议的viewbox属性 这是代码(是的,我知道它很大.为什么我需要使它适合100％宽度)：http://www.cssdesk.c 我正在努力使这个大规模的svg响应.但是,它不起作用,我不知道为什么.

我尝试了以下方法： – 设置宽度：100％高度：自动(一旦我移除了像素中的设置宽度/高度,图表就消失了,无论我放回什么) – 使用https://css-tricks.com/scale-svg/建议的vIEwBox属性

这是代码(是的,我知道它很大.为什么我需要使它适合100％宽度)：http://www.cssdesk.com/bsakG

有人能给我一些关于我做错的提示吗？我尝试了其他文章提出的许多事情,但我似乎一直遇到同样的问题,如果我摆脱固定的高度/宽度,整个事情就消失了.

(是的我知道之前可能已经问过这个问题,但没有一个答案解决了我的问题)

解决方法 与评论中的假设相反,使用指定为百分比的长度值是完全正确的.该规范涵盖了基本数据类型部分中的 details.

将这些知识与您在问题中链接的文章中的提示相结合,您可能会得到类似以下内容的响应式布局：

<svg vIEwBox="0 0 3840 7000" wIDth="100%" height="100%" preserveAspectRatio="xMinYMin meet">

总结

以上是内存溢出为你收集整理的HTML – 如何使svg响应全部内容，希望文章能够帮你解决HTML – 如何使svg响应所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。