SVG：如何使子元素的宽度和高度与父元素匹配，以像素为单位，而不是百分比？

要使SVG子元素的宽度和高度与父元素匹配，以像素为单位，可以使用CSS样式表中的属性width和height。以下是一个示例代码：

<svg width="400px" height="300px" xmlns="http://www.w3.org/2000/svg">
  <rect width="100%" height="100%" fill="blue"/> <!-- 使用百分比 -->
  <rect width="200px" height="150px" fill="red"/> <!-- 使用像素 -->
</svg>

在上面的示例中，父元素是一个带有宽度和高度属性的SVG元素。子元素使用width="100%"和height="100%"来匹配父元素的宽度和高度。在第二个子元素中，我们使用具体的像素值width="200px"和height="150px"来指定宽度和高度。

这样，第一个子元素将填充整个父元素，而第二个子元素将具有指定的像素尺寸。

注意：在SVG中，使用百分比值可以自动适应父元素的大小，而使用像素值则是具体的固定大小。