知らなかったよー。
今までcalcとか@media only screenとかでレスポンシブのアスペクト比を計算してなんやかんやしてた。
aspect-ratioこんな便利なものがあっただなんて
記述例
.element {
aspect-ratio: 1 / 1;
aspect-ratio: 16 / 9;
aspect-ratio: 0.5;
}これが感じで16/9にしたい場合は、
.element {
aspect-ratio: 16 / 9;
}こんなんなんー
youtubeとか動画を埋め込む時に便利だね
対応ブラウザはIE以外は大体大丈夫みたいだから・・・・安心だね
