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