heightをwebkit-calcで指定する際、横幅を基準に算出したい。

Question

質問失礼します。

heightをwebkit-calcで指定する下記のような結果を算出したいです。

heightは画面の横幅÷2の値にしたいです。
widthは可変です。

そのため常にheightを100vwに対して半分の高さにしたいです。

上記のことはCSSでは不可能なのでしょうか？

ご存じの方がいましたらご教授いただければ幸いです。

よろしくお願いいたします。

Comments

[x_x]

ベンダープレフィックスは不要に思います。
50vw ではいけない理由があれば追記願います。

[ringoame49]

算出したいのはheightなので50vwだと要素の横幅が算出されてしまいませんか？

[ringoame49]

あ、そういうことですね！！！！
height: 50vw;と記載できるなんて初めてしりました。

助言ありがとうございます。

Answer 1

height: 50vw;で解決できました。