1. ホーム
  2. html

[解決済み] CSS calc の幅と高さの値

2022-03-05 09:10:24

質問

cssで画面の高さを計算し、その値を幅の計算に使うにはどうしたらよいでしょうか? 可能でしょうか?

myClass{    
    height: calc(50% - 33.5px);
    width: heightReturnedValue*1.3
}

解決方法は?

はい、cssにはvh(viewport height)、vw(viewport width)というものがあります。ビューポートとは画面のことです。

myClass {    
  height: calc(50% - 33.5px);
  width:  calc(100vh * 1.3);
}