CSS

CSSで要素の縦横比を固定

'18.12.25

スタイルシートに以下を追加

#parent {
position:relative;
width:100%;
}
#parent:before {
content:"";
display:block;
padding-top:56.25%;
}
#child {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
}

(View34)