responsive-design - css - font-size vw - コンテナの幅に応じたフォントのスケーリング

font-size: calc / css / font-size

フォントのスケーリングには頭を悩ませています。

Arjun



Answer #1
<div>
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 360.96 358.98" >
      <text>SAVE $500</text>
  </svg>
</div>
div {
  width: 50%; / *コンテナの幅を設定します* /
  height: 50%; / *コンテナの高さを設定します* /

}

svg {
  width: 100%;
  height: auto;

}

text {
  transform: translate(40px, 202px);
  font-size: 62px;
  fill: #000;
}