aspect-ratio

比率指定

詳しい導入事例は導入方法を参照してください。

  • 1:1
  • 16:9
  • 黄金比
  • 白銀比
  • CSS
[data-rto="1:1"] {aspect-ratio: 1/1;}
[data-rto="16:9"] {aspect-ratio: 16/9;}
[data-rto="gold"] {aspect-ratio: 1.618/1;}
[data-rto="silver"] {aspect-ratio: 1.414/1;}