웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] CSS로 아이프레임 높이 자동 조절 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] CSS로 아이프레임 높이 자동 조절

해피CGI윤실장 2023. 11. 16. 10:05


출처 : https://css-tricks.com/fluid-width-video/

CSS만으로 아이프레임 높이를 가로값에 맞춰 자동으로 늘어날 수 있는 코드입니다.

자바스크립트를 사용하지 않고 아이프레임 높이를 조절할 수 있습니다.

padding-bottom 부분을 수정하시면 높이를 조절할 수 있습니다.

HTML

 



 

CSS

 


 
 
소스다운로드를 통해 확인해 보실 수 있습니다.

 

 

 

Comments