일반적인 미디어쿼리

푸루루

· 7년 전 · 조회 3335 3335 · 댓글 4 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에서 해주시기 바랍니다.

+ + 글쓰기

분류	제목	글쓴이	날짜	조회
웹서버	[웹서버] [미립자팁] 우분투에서 그누보드 사이트 Let's Encrypt 적용 (SSL 무료 적용) [3]	그누성민 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,638
MySQL	[MySQL] [1원팁] mysqli 에러코드 반환을 위해...	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,455
MySQL	[MySQL] JSON with MariaDB 10.2.4 / MySQL 5.7.8	해피정 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,898
JavaScript	[JavaScript] 공휴일관련 정부 데이터 api [2]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 1만
웹서버	[웹서버] http->https 그리고 www.domain.com -> 을 자동으로 https://domain.com 으로 포워딩	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,599
기타	[기타] chrome(크롬) 안전한 연결 설정중 딜레이 해결 방법	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 8,540
jQuery	[jQuery] 모달을 이용해 변수를 주고받고 업데이트까지 하는 테스트 Ajax test [11]	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 5,960
기타	[기타] 우회사이트 접속하기 프로그램 핫스팟쉴드	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,001
PHP	[PHP] 이름에 별표시 및 글자자르기 [3]	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,658
JavaScript	[JavaScript] 남은시간 카운트하는 자바스크립트 [1]	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 6,611
MySQL	[MySQL] 스팸글 삭제 문의 [1]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,410
MySQL	[MySQL] 비회원글삭제 방법문의 [1]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,035
PHP	[PHP] 여러 체크박스 체크하고, 또 수정할 경우에 체크된 상황을 그대로 보여주는,,,	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,596
PHP	[PHP] 배열 내장함수 - array_change_key_case	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,937
기타	[기타] 일반적인 미디어쿼리 [4]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,336
PHP	[PHP] 특정 ip에서만 모바일 사용	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,583
PHP	[PHP] 문자열 자르기, substr() [1]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,888
PHP	[PHP] 하루전 일주일전 한달전 [1]	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,564
JavaScript	[JavaScript] 어제날짜, 내일날짜 구하기	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,557
JavaScript	[JavaScript] 날짜형식 체크 [2]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,276
PHP	[PHP] 유용한 일반 함수 모음 (PHP) [12]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 5,708
PHP	[PHP] 리눅스에서 <?php 는 작동하는데 <? 로 시작하면 파일 깨질때... [5]	welcome 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,128
OS	[OS] 1원팁: Vagrant와 VirtualBox 호환 버전 - 2018.05.02기준	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,194
기타	[기타] 2개의 DB에 그누보드가 설치되었을 때 변경된 칼럼비교 (g5로 시작되는 테이블만 일단!) [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,584
PHP	[PHP] GeoIP 모듈 사용시 2자리코드를 한글로 반환 해주는 코드	LucyLee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,969
웹서버	[웹서버] 도메인 rewrite 구현? [1]	black 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 2,589
PHP	[PHP] php async [3]	terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,955
기타	[기타] 웹 문서를 PDF 로 변환/다운로드 해주는 사이트 [6]	상큼쏭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 3,571
기타	[기타] ing API를 이용한 주식자동매매 프로그램(1)	어스지웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 5,902
기타	[기타] 아이폰 사파리 자동로그인해결하기	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	7년 전	조회 4,441

이전 첫 페이지 다음

글쓰기

강좌