縦横比固定

CSS

アスペクト比固定

#wrapper	{
	position: relative;
	width: 100%;
}
#wrapper:before	{
	content:"";
	display: block;
	padding-top: 75%; /* 高さを幅の75%に固定 */
}
#content	{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

・CSSが長くなる

・単位「vw」を使うと簡単な場合もある