css CSS技术按比例扩展媒体，即使在响应式网站中，也不需要服务器端代码或JS

Posted 2021-05-13

	/* scale video container proportionally to 16:9 */
	.video{
		width:100%;
		padding-bottom: 56.25%;
		position: relative;
		float: left;
		height: 0;
	}
	
	/* scale video iframe to 100% */
	.video > *{
		width:100% !important;
		height: 100% !important;
		position: absolute;
		left: 0;
	}
	
	/* clear the floated container */
	.video:after{
		clear:both;
		content:".";
		height:0;
		font-size:0;
		visibility:hidden;
		zoom: 1;
		}