반응형 비율을 유지해주는 css 신기능, aspect-ratio

하... 이렇게 좋은 기능이 있는 줄 이제 알았습니다. 반응형 박스 만들려고 DIV를 만들고 패딩 값을 주고 절대값으로 높이를 지정하고... 이제 그럴 필요가 없을 것 같습니다. 많은 분들이 이 기능을 통해 구원받기를 바라는 마음으로 포스팅을 통해 공유합니다. DIV 뿐만 아니라 이미지, 테이블 등 모든 태그가 가능 img, input[type="image"], video, embed, iframe, marquee, object, table 이렇게 다양한 태그가 가능합니다. 간단한 사용 방법 div { aspect-ratio: 16 / 9; width: 500px; background: #cccccc;} 이렇게 aspect-ratio: 16 / 9 한줄만 넣으면 16:9 비율의 div가 만들어집니다. 역시나...익스플로러는 지원 안됨 #css #웹퍼블리싱 #반응형박스 #반응형 #aspect-ratio...

원문링크 : 반응형 비율을 유지해주는 css 신기능, aspect-ratio