Cle*_*ode 1 html css svg responsive-design
我正在努力使这个大规模的svg响应.但是,它不起作用,我不知道为什么.
我尝试了以下方法: - 设置宽度:100%高度:自动(一旦我移除了像素中的设置宽度/高度,图表就消失了,无论我放回什么) - 使用https:// css建议的viewbox属性-tricks.com/scale-svg/
这是代码(是的,我知道它很大.为什么我需要使它适合100%宽度):http://www.cssdesk.com/bsakG
有人能给我一些关于我做错的提示吗？我试过其他文章提出的很多东西,但我似乎一直遇到同样的问题,如果我摆脱固定的高度/宽度,整个事情就消失了.
(是的,我知道之前可能已经问过这个问题,但没有一个答案解决了我的问题)
与评论中的假设相反,使用指定为百分比的长度值是完全正确的.规范涵盖了基本数据类型部分的详细信息.
将这些知识与您在问题中链接的文章中的提示相结合,您可能会得到类似以下内容的响应式布局:
<svg viewbox="0 0 3840 7000" width="100%" height="100%" preserveAspectRatio="xMinYMin meet">
| 归档时间： |
|
| 查看次数： |
2710 次 |
| 最近记录： |