Chrome 88 - Aspect ratio
https://www.youtube.com/watch?v=cqAO2xR7lzM
크롬 업데이트를 하면 새로운 CSS 기능을!
Aspect-ratio
가로 세로 비율을 일정하게 고정시켜주는 CSS 속성
.square {
/* 가로 세로 1:1 */
aspect-ratio: 1 / 1;
}.square {
aspect-ratio: 16 / 9;
}
/* 지원하지 않는 브라우저 처리 */
@supports not (aspect-ratio: 16 / 9) {
.square {
height: 9rem;
width: 16rem;
}
}예시
https://codepen.io/una/pen/xxZKzaX
.visual {
aspect-ratio: 16/9;
background: wheat;
margin: 0.5rem 0;
}Author And Source
이 문제에 관하여(Chrome 88 - Aspect ratio), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@yongsk0066/Chrome-88-Aspect-ratio저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
