HTML 요소의 종횡비를 강제 적용하는 Javascript 라이브러리?

Question

크기가 조정되는 동안 HTML 노드 (대부분 이미지와 div)가 화면 비율을 유지하도록 할 수있는 자바 스크립트 라이브러리가 있습니까?

너비가 창 크기로 제한 될 때 요소의 높이를 조정할 때 특히 유용합니다.

참고 : 순수한 CSS로 수행 할 수 있다면 구매하겠습니다!

Answer 1

이런 뜻이야?

img{ 
    width: 100%; 
    height: auto; 
} 

다른 요소의 경우, 그것은 비트 더 복잡한 것 :

http://jsfiddle.net/DerekL/J2s3C/

여기에 코드입니다. 여기

제 데모 : http://jsfiddle.net/DerekL/5BgXk/ :

<div id="wrapper"><div id="content"></div></div> 

#wrapper { 
    position: relative; 
    padding-bottom: 33.33%; /* Set ratio here */ 
    height: 0; 
} 
#content { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: green;  
}