웹솔루션개발 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

 


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

 

 

 

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] CSS-only scroll-driven text highlights 스크롤시 텍스트 하이라이트 에니메이션  (0) 2023.11.23
[해피CGI][cgimall] 유튜브 썸네일 이미지 가져오기  (0) 2023.11.22
[해피CGI][cgimall] Text animation  (0) 2023.11.16
[해피CGI][cgimall] 범위를 표현하는 인풋 슬라이드 Range With Sliding Value  (0) 2023.11.06
[해피CGI][cgimall] CSS 카드 오버 효과 애니메이션  (0) 2023.11.03
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments