사이트의 프론트엔드를 담당하는 한 축인 CSS. 이번에는 CSS미디어 쿼리 치트 시트를 정리해 봤습니다. 미디어 쿼리란? 표시된 화면 환경에 따라 적용할 스타일을 전환하는 기능입니다. CSS @media screen and (min-width: 560px) { /* 스타일 */ } 화면 크기 스마트폰 스마트폰 세로 - 320px ~ 480px 스마트폰 가로 - 480px ~ 812px iPhone5 320px iPhone6/7/8/SE 375px iPhone6/7/8 Plus 414px iPhoneX 375px Pixel2 411px Galaxy S5 360px 태블릿 태블릿 세로 - 768px ~ 1024px 태블릿 가로 - 1024px ~ 1366px iPad 768px Android 8인치 600p..