哪个padding-top值的宽高比是多少?

时间:2017-03-28 08:59:01

标签: css

保持宽高比的常用方法是apply a padding-top,典型的例子是padding-top: 56.25%;,比例为16:9。但这是如何计算的?如果我想要10:5,5:5或其他比例怎么办?

1 个答案:

答案 0 :(得分:0)

将“100%宽度”的元素嵌套在“响应式”基于百分比的宽度父元素中。然后,您可以根据所需的比率声明底部或顶部填充的百分比。 根据不同宽高比计算百分比的公式:

C% = ( 100 / A ) * B

因此对于16:9(其中16是A,9是B):

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

这就是它的全部内容!

以下是常见宽高比的一些百分比:

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