【发布时间】：2012-05-17 13:44:28
【问题描述】：
我正在构建一个交互式 SVG 可视化（见图）并希望提供：
1) 适应更小的屏幕尺寸（媒体查询？）
2) 禁用 JavaScript 时的一个不错的回退（Modernizr？）
关于1：
您认为使用固定/离散像素宽度更好，还是应该让 SVG 块适应可用宽度？
我是否需要一个窗口调整大小侦听器来动态更新布局，或者在使用媒体查询时是否过度使用？
关于 2：
保持设计的响应性，用静态图像替换 SVG 可视化的好方法是什么？
【问题讨论】：
-
我很困惑，你不能只对 1 使用媒体查询，这样问题 2 就不再是问题了吗？
-
如果 Javascript 不可用，可以将位图图像和服务器工作用作总括。毕竟您的所有图形数据都在数据库或平面文件中？
标签： javascript svg media-queries responsive-design modernizr