Javascript 当响应屏幕点击特定显示器时，如何使SVG图像具有特定大小？

我不知道是否需要使用javascript，但我知道如何在屏幕点击特定显示时使SVG图像具有特定大小（例如， 640×480像素）

我的SVG图像已经响应，但我希望它在移动显示器上显示得更小

---

谢谢

CSS中可以有一个类似以下内容的部分：

@media screen and (max-width: 480px) {

  svg {
    max-width: 200px;
    max-height: 200px;
  }

}

加价

---

最大高度和最大宽度CSS属性（或最小高度/最小宽度）取决于您想做什么。这个问题是关于CSS的，而不是真正的SVG。如果您愿意，您也可以使用JavaScript检查并更改大小。：）

  <svg 
    width="120" 
    height="120" 
    viewBox="0 0 120 120"
    xmlns="http://www.w3.org/2000/svg">
    <rect x="10" y="10" width="1000" height="1000"/>
  </svg>

</div>

svg { /* make it generally responsive */
  display: block;
  width: 100%;
  height: 100%;
}

.box {
  max-width: 300px;
}

@media (min-width: 600px) { /* when 600px and bigger */
  .box {
    max-width: 200px;
  }
}