HTML – 如何使svg响应

前端之家收集整理的这篇文章主要介绍了HTML – 如何使svg响应前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在努力使这个大规模的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">
原文链接:https://www.f2er.com/html/232131.html

猜你在找的HTML相关文章