如何在 CSS 背景图像中提供不同尺寸的 SVG 图形？

【问题标题】：How to serve different size SVG graphic in css background image?如何在 CSS 背景图像中提供不同尺寸的 SVG 图形？
【发布时间】：2012-11-30 08:19:11
【问题描述】：

我正在创建一个带有媒体查询的网站，以了解浏览器宽度何时为

当浏览器

这是否可以通过媒体查询来减小 SVG 图形的大小？

【问题讨论】：

【解决方案1】：

是的，有可能，例如here 和here。

但是，如果您的意思是减小尺寸，您可能更多地谈论的是由 CSS 确定的尺寸，而不是由 svg 本身（只要正确完成，svg 应该只重绘到 CSS 给出的区域）。

【讨论】：

【解决方案2】：

为您的徽标图像使用 % 宽度，以减少徽标的宽度和高度。

【讨论】：