로그인 회원가입

일반적인 미디어쿼리

푸루루

· 7년 전 · 조회 3137 3137 · 댓글 4 4

@media (max-width: 480px) {/* 모바일 환경 */

}
@meida (min-width: 481) and (max-width: 768px) { /* 태블릿 환경 */

}
@media (min-width: 769) {/* 데스크탑 환경 */

}

꼬로나

7년 전

미디어 쿼리로 반응형 퍼블리싱 하시죠? 하다보면 머리가 띵~ 한게 이건가 저건가 헷갈리기도 ㅋㅋ
반응형 하실때 모바일부터 정의 하시라고 전 배웠는데 화이팅 하십시오~

한빛가람

7년 전

모바일은 480을 최대로 잡는군요.. 지금까지 768 픽셀로 구분했었습니다.. (모바일과 태블릿을 동일하게)

몰라무서워

7년 전

전 bootstrap 기준으로 576px로 잡습니다.

musicbox

7년 전

요즘 모니터도 커지고 모바일도 화면이 많이 커져서 저는 736픽셀 이하는 무조건 모바일로 합니다
그보다 크거나 1200픽셀보다 작으면 태블릿, 그이상은 무조건 데스크탑으로 합니다

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