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

Question

我正在制作一个带有媒体查询的网站，以了解浏览器宽度何时<768px。

当浏览器 <768px 时，我想要一个 100x100 的 SVG 背景图像（我的徽标）定期缩小到 80x80。

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

Answer 1

是的，这是可能的，这里和这里有一些例子。

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

Answer 2

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