이것저것
orientation: portrait / Landscape
찐예
2023. 7. 19. 14:43
반응형
오늘도 scss 폴더 뒤적뒤적 하다가 모르는걸 발견했다
미디어쿼리를 사용하는데 max-width min-width 자리에 orientation: portrait가 들어가있었다
orientation: portrait / Landscape이란?
모바일 기기를 가로로 들고 있느냐 세로로 들고 있느냐에 따라 레이아웃을 변경할 일이 많다고 한다.
그래서 모바일 기기를 가로로 들고 있는지 세로로 들고 있는지 판별하는 방법으로 알고 있으면 된다.
즉, 데스크탑에서 브라우저 창의 높이와 폭의 높이 중 어느것이 더 큰지를 판별하는 것이라고 한다.
portrait : 세로모드
landscape : 가로모드
참고
반응형