Css 对于哪个宽高比,哪个填充顶部值?

Css 对于哪个宽高比,哪个填充顶部值?,css,Css,保持宽高比的常用方法是到,典型示例是填充顶部:56.25%为16:9的比例。但这是如何计算的呢?如果我想要一个10:5、5:5或其他比例,该怎么办?将一个100%宽度的元素嵌套在一个“响应”的基于百分比的宽度父元素中。然后,您可以根据所需的比率声明底部或顶部填充的百分比。 基于不同长宽比计算百分比的公式: C% = ( 100 / A ) * B 75% = 4:3 66.66% = 3:2 62.5% = 8:5 所以对于16:9(其中16是A,9是B): 这就是全部 以下是常见纵横比的一

保持宽高比的常用方法是到,典型示例是
填充顶部:56.25%为16:9的比例。但这是如何计算的呢?如果我想要一个10:5、5:5或其他比例,该怎么办?

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

C% = ( 100 / A ) * B
75% = 4:3
66.66% = 3:2
62.5% = 8:5
所以对于16:9(其中16是A,9是B):

这就是全部

以下是常见纵横比的一些百分比:

C% = ( 100 / A ) * B
75% = 4:3
66.66% = 3:2
62.5% = 8:5

100除以16,然后乘以bij 9