테스트 사이트 - 개발 중인 베타 버전입니다

일반적인 미디어쿼리

· 7년 전 · 3079 · 4

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

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

게시글 목록

번호 제목
16181
16175
16173
16172
16170
16168
16167
16161
16152
16145
16133
16131
16128
16122
16117
16102
16099
16095
16089
16088
16077
16065
16060
jQuery atj.js 3
16055
16052
16051
16050
16046
16039
16027