사용자 입장에서 가끔 폰을 회전해서 보고 싶을때가 있다~ 특히 게임을 할때 웹에서는 사용을 잘 안해서 생각도 안했는데 ;;; @media (orientation: portrait) { /* 세로 모드일 때 적용할 CSS */ } @media (orientation: landscape) { /* 가로 모드(회전 상태)일 때 적용할 CSS */ } test할때 각각에 background-color에 컬러 값을 주고 해보면 정확하다~ 참고: https://studiomeal.com/archives/1068 웹페이지 가로 모드/세로 모드 인식하기 모바일 트래픽이 데스크탑을 앞지른 시대인 요즘은, 모바일이나 데스크탑 어디에서도 콘텐츠가 무리 없이 보이도록 대부분의 웹페이지들이 반응형으로 제작됩니다. 반응형 페이지를 만들 때 폰을 세로로 들고 있느냐 가로로 들고 있느냐를 판별하고, 그에… studiomeal.com...
#
landxcape
#
media
#
orientation
#
portrait
#
가로모드
#
세로모드
#
회전상태
원문 링크 : media기본 구조 및 정리
![[타로]Much Minor Tarot Card - SWORDS Card (검 타로 카드)](https://mblogthumb-phinf.pstatic.net/MjAyMzEyMjJfNTIg/MDAxNzAzMjA3OTM1Njk5.iZw3mGTkCNLkUg-orRB_eEFp6r9V5GWvBTDQ2csPElIg.G0a9CUpDNlUx9dqv2MoqmwISfJidNxuvTYUNj3NeBvgg.JPEG.ecoce1/%B0%CB_%C4%FD.JPG?type=w2)