CSS实现宽度自适应宽高16:9的矩形代码示例

本篇文章小编给大家分享一下CSS实现宽度自适应宽高16:9的矩形代码示例，文章代码介绍的很详细，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。

第一步先计算高度，假设宽100%，那么高为h=9/16=56.25%

第二步利用之前所说设置padding-bottom方法实现矩形

	
		

			

				
  这是一个16：9的矩形
			
		
	

类似不同的比例矩形，都可以用这种方法实现