アスペクト比指定

アスペクト比指定

2020/12/23 updated.

ブロック要素をアスペクト比で描画します。「position:relative;」が設定されます。
子要素を配置する場合は「position:absolute;」で配置しますので、テキストを入れる場合ははみ出さないよう文字量を注意してください。
※初期設定はPのみabsoluteが設定されています。

  • asp4-3 = 4:3
  • asp3-2 =3:2
  • asp16-9 =16:9

asp4-3

asp3-2

asp16-9