: DRANK mobile.twitter.com 3 years ago Related Topics: arrow_back open_in_new Open page https://mobile.twitter.com/tonkotsuboy_com/status/1440137120186699780 1 comments 鹿野 壮 @tonkotsuboy_com 3 years ago Safari 15が正式リリースされたので、CSSでアスペクト比を固定できるaspect-ratioが全モダンブラウザで使えるようになりました💐 ずっと待ってました🥰 例えば16:9にしたい場合 ▼ 平成😡padding-top: 56.25%; ▼ 令和🥳aspect-ratio: 16 / 9; デモhttps://codepen.io/tonkotsuboy/pen/zYvJWpM #CSS
鹿野 壮 @tonkotsuboy_com 3 years ago Safari 15が正式リリースされたので、CSSでアスペクト比を固定できるaspect-ratioが全モダンブラウザで使えるようになりました💐 ずっと待ってました🥰 例えば16:9にしたい場合 ▼ 平成😡padding-top: 56.25%; ▼ 令和🥳aspect-ratio: 16 / 9; デモhttps://codepen.io/tonkotsuboy/pen/zYvJWpM #CSS
Safari 15が正式リリースされたので、CSSでアスペクト比を固定できるaspect-ratioが全モダンブラウザで使えるようになりました💐
ずっと待ってました🥰
例えば16:9にしたい場合
▼ 平成😡
padding-top: 56.25%;
▼ 令和🥳
aspect-ratio: 16 / 9;
デモ
https://codepen.io/tonkotsuboy/pen/zYvJWpM
#CSS