CSS Types

CSS Types

Editing

〈ratio〉

미디어 쿼리(media query)에서 스크린의 종횡비를 나타낸다.

구문

  • [〈number〉 / 〈number〉]

    슬래시를 기준으로 왼쪽의 <number>는 너비, 오른쪽의 <number>는 높이를 나타낸다.

    16/9

     

  • @media screen and (min-aspect-ratio: 16/9) { }

    미디어 쿼리(media query)에서의 사용예를 보여준다.

관련 @Rules

Rule요약
@media

CSS 코드를 분기할 수 있는 조건식을 작성할 수 있다.

버전 명세

Modules
Module NameStatusSummary
Media Queries Level 4편집자 초안

미디어 쿼리, 미디어 유형, 미디어 기능의 메커니즘과 구문을 설명한다.


Last review date: 2022-6-6

지원 웹브라우저