幅/高さの比率のうち、どのパディングトップ値ですか？

Question

幅/高さの比を維持する一般的な方法はapply a padding-topであり、典型的な例は16：9の比率に対してpadding-top: 56.25%;です。しかし、これはどのように計算されますか？ 10：5,5：5などの比率を使用したい場合はどうすればよいですか？

Answer 1

「応答性の高い」パーセンテージベースの幅の親要素内に100％の幅の要素をネストします。次に、必要な比率に基づいて、下端または上端のパディングのパーセンテージを宣言できます。 式が異なるアスペクト比に基づいて割合を計算する：

C% = (100/A) * B 

だから、16のために：

C% = (100/16) * 9 = 56.25% 

そして、それはそれで全部です：9（16 Aで、9はBです）！ここ

は、共通のアスペクト比についてパーセントのいくつかである：16で割っ

75% = 4:3 
66.66% = 3:2 
62.5% = 8:5