이전글 목록 다음글
푸

일반적인 미디어쿼리

푸루루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 7년 전 · 3234 · 4

@media (max-width: 480px) {/* 모바일 환경 */
   
}
@meida (min-width: 481) and (max-width: 768px) { /* 태블릿 환경 */
   
}
@media (min-width: 769) {/* 데스크탑 환경 */
   
}

|

댓글 4개

꼬꼬로나
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전
미디어 쿼리로 반응형 퍼블리싱 하시죠? 하다보면 머리가 띵~ 한게 이건가 저건가 헷갈리기도 ㅋㅋ
반응형 하실때 모바일부터 정의 하시라고 전 배웠는데 화이팅 하십시오~
한빛가람
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전
모바일은 480을 최대로 잡는군요.. 지금까지 768 픽셀로 구분했었습니다.. (모바일과 태블릿을 동일하게)
몰몰라무서워
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전
전 bootstrap 기준으로 576px로 잡습니다.
musicbox
프로필 보기이 회원 글보기이 회원의 댓글보기
 7년 전
요즘 모니터도 커지고 모바일도 화면이 많이 커져서 저는 736픽셀 이하는 무조건 모바일로 합니다
그보다 크거나 1200픽셀보다 작으면 태블릿, 그이상은 무조건 데스크탑으로 합니다
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
웹서버 7년 전 조회 2,544
MySQL 7년 전 조회 2,356
MySQL 7년 전 조회 2,786
JavaScript 7년 전 조회 9,980
웹서버 7년 전 조회 2,493
기타 7년 전 조회 8,439
jQuery 7년 전 조회 5,844
기타 7년 전 조회 2,918
PHP 7년 전 조회 3,557
JavaScript 7년 전 조회 6,521
MySQL 7년 전 조회 3,308
MySQL 7년 전 조회 2,942
PHP 7년 전 조회 2,504
PHP 7년 전 조회 2,840
기타 7년 전 조회 3,235
PHP 7년 전 조회 2,490
PHP 7년 전 조회 3,793
PHP 7년 전 조회 3,468
JavaScript 7년 전 조회 3,458
JavaScript 7년 전 조회 3,182
PHP 7년 전 조회 5,611
PHP 7년 전 조회 3,020
OS 7년 전 조회 3,091
기타 7년 전 조회 2,497
PHP 7년 전 조회 2,864
웹서버 7년 전 조회 2,484
PHP 7년 전 조회 3,854
기타 7년 전 조회 3,468
기타 7년 전 조회 5,807
기타 7년 전 조회 4,346
이전 첫 페이지 다음
글쓰기