如何制作具有固定高度和相对宽度的SVG？

要制作具有固定高度和相对宽度的SVG，可以通过设置SVG元素的viewBox属性和preserveAspectRatio属性来实现。

首先，SVG是可缩放矢量图形，它使用XML格式描述二维图形。SVG图形可以根据需要进行缩放而不会失真，因此非常适合在不同尺寸的设备上显示。

要制作具有固定高度和相对宽度的SVG，可以按照以下步骤进行操作：

创建一个SVG元素，并设置其宽度和高度属性。例如，可以设置宽度为100%，高度为固定值（例如200像素）：

<svg width="100%" height="200">
  <!-- SVG内容 -->
</svg>

设置viewBox属性。viewBox属性定义了SVG图形的可见区域，它是一个包含四个值的字符串，分别表示图形的左上角x坐标、左上角y坐标、宽度和高度。通过设置viewBox属性，可以让SVG图形在不同尺寸的容器中按比例缩放。例如，可以设置viewBox属性为"0 0 100 100"，表示SVG图形的可见区域从坐标(0, 0)开始，宽度和高度都为100：

<svg width="100%" height="200" viewBox="0 0 100 100">
  <!-- SVG内容 -->
</svg>

设置preserveAspectRatio属性。preserveAspectRatio属性定义了SVG图形在容器中的对齐方式和缩放方式。它是一个包含两个值的字符串，分别表示对齐方式和缩放方式。常用的对齐方式有"none"（不进行缩放）、"xMinYMin"（左上角对齐）、"xMidYMid"（居中对齐）等。常用的缩放方式有"meet"（等比例缩放，保持图形完全可见）和"slice"（等比例缩放，填充整个容器）。例如，可以设置preserveAspectRatio属性为"xMidYMid meet"，表示SVG图形居中对齐并等比例缩放：

<svg width="100%" height="200" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid meet">
  <!-- SVG内容 -->
</svg>

通过以上步骤，就可以制作具有固定高度和相对宽度的SVG。根据实际需求，可以调整SVG元素的宽度和高度、viewBox属性和preserveAspectRatio属性的值，以达到所需的效果。

腾讯云提供了云原生应用引擎（Tencent Cloud Native Application Engine，TKE）产品，它是一种基于Kubernetes的容器化应用管理平台，可以帮助用户快速构建、部署和管理云原生应用。TKE可以与其他腾讯云产品（如云服务器、云数据库等）进行集成，提供全面的云原生应用解决方案。了解更多关于腾讯云原生应用引擎的信息，请访问：腾讯云原生应用引擎产品介绍

请注意，以上答案仅供参考，具体的实现方式可能因实际情况而异。