calc タグについて

Question

ECステーションのスライドバナーを使っているのですが
下記htmlタグの「calc」の意味がわかっていません。
どういう式（何を表している）なのか、教えてもらますでしょうか？

iframe style="width:95vw; height:calc(10px + (100vw * 220) / 470);"

Answer

ECマスターズの伊藤です。

> 下記htmlタグの「calc」の意味がわかっていません。
> どういう式（何を表している）なのか、教えてもらますでしょうか？

レスポンシブ（様々な画面幅）に対応した
縦横比を固定させるための式になります。

(画面の横幅 * コンテンツの高さ) / コンテンツの横幅);

とすることで、コンテンツの縦横比を維持できるようになり、
10px + で余白（余白は固定サイズ）足していることになります。

Answer

伊藤様

大変わかりやすくありがとうございます！
おかげで無事きれいに収まりました。
助かりました。