목록media query (1)

ryxxn

반응형 웹개발을 위한 화면별 media query

HTML 삽입 미리보기할 수 없는 소스 1. 모바일 기준 /* 모바일 화면에 대한 스타일 */ @media screen and (max-width: 767px) { /* 스타일 작성 */ } 모바일 기기의 경우, 대부분의 스마트폰과 작은 크기의 디바이스를 포함한다. 위의 미디어 쿼리에서는 화면 너비가 767px 이하일 때, 모바일 화면에 대한 스타일을 설정할 수 있다. 2. 태블릿 기준 /* 태블릿 화면에 대한 스타일 */ @media screen and (min-width: 768px) and (max-width: 1023px) { /* 스타일 작성 */ } 태블릿 기기는 일반적으로 화면 너비가 768px부터 1023px까지 범위에 해당한다. 위의 미디어 쿼리에서는 이 범위 내에서 태블릿 화면에 대한 ..
카테고리 없음 2023. 8. 30. 02:38
이전 Prev 1 Next 다음