일반적인 미디어쿼리

푸루루

· 2018-07-12 (목) 10:11:27 · 조회 3711 3711 · 댓글 4 4

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

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

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

}

댓글 4개

꼬로나

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-01 (수) 13:42:16

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

한빛가람

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-10 (금) 12:18:05

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

몰라무서워

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-08-10 (금) 14:00:00

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

musicbox

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-11-06 (화) 14:27:14

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

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

개발자팁

5,403건

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

+ + 글쓰기

분류	제목	글쓴이	날짜	조회
기타	[기타] chrome(크롬) 안전한 연결 설정중 딜레이 해결 방법	인덱스웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-09-28	조회 8,942
jQuery	[jQuery] 모달을 이용해 변수를 주고받고 업데이트까지 하는 테스트 Ajax test [11]	감기약 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-09-21	조회 6,497
기타	[기타] 우회사이트 접속하기 프로그램 핫스팟쉴드	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-09-06	조회 3,345
PHP	[PHP] 이름에 별표시 및 글자자르기 [3]	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-08-29	조회 4,044
JavaScript	[JavaScript] 남은시간 카운트하는 자바스크립트 [1]	알미z 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-08-29	조회 6,944
MySQL	[MySQL] 스팸글 삭제 문의 [1]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-08-12	조회 3,748
MySQL	[MySQL] 비회원글삭제 방법문의 [1]	북금곰 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-08-11	조회 3,421
PHP	[PHP] 여러 체크박스 체크하고, 또 수정할 경우에 체크된 상황을 그대로 보여주는,,,	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-31	조회 2,945
PHP	[PHP] 배열 내장함수 - array_change_key_case	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-20	조회 3,341
기타	[기타] 일반적인 미디어쿼리 [4]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-12	조회 3,712
PHP	[PHP] 특정 ip에서만 모바일 사용	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-12	조회 2,943
PHP	[PHP] 문자열 자르기, substr() [1]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-11	조회 4,279
PHP	[PHP] 하루전 일주일전 한달전 [1]	col 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-06	조회 3,927
JavaScript	[JavaScript] 어제날짜, 내일날짜 구하기	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-07-03	조회 3,928
JavaScript	[JavaScript] 날짜형식 체크 [2]	푸루루 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-06-26	조회 3,611
PHP	[PHP] 유용한 일반 함수 모음 (PHP) [12]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-06-16	조회 6,146
PHP	[PHP] 리눅스에서 <?php 는 작동하는데 <? 로 시작하면 파일 깨질때... [5]	welcome 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-06-05	조회 3,516
OS	[OS] 1원팁: Vagrant와 VirtualBox 호환 버전 - 2018.05.02기준	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-05-02	조회 3,608
기타	[기타] 2개의 DB에 그누보드가 설치되었을 때 변경된 칼럼비교 (g5로 시작되는 테이블만 일단!) [1]	xpem 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-05-01	조회 3,001
PHP	[PHP] GeoIP 모듈 사용시 2자리코드를 한글로 반환 해주는 코드	LucyLee 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-04-28	조회 3,348
웹서버	[웹서버] 도메인 rewrite 구현? [1]	탈퇴회원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-04-23	조회 2,973
PHP	[PHP] php async [3]	탈퇴회원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-04-14	조회 4,382
기타	[기타] 웹 문서를 PDF 로 변환/다운로드 해주는 사이트 [6]	상큼쏭 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-03-27	조회 3,903
기타	[기타] ing API를 이용한 주식자동매매 프로그램(1)	어스지웹 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-03-23	조회 6,335
기타	[기타] 아이폰 사파리 자동로그인해결하기	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-03-16	조회 4,811
JavaScript	[JavaScript] 스택(stack)을 이용한 사칙연산(+ - * /) 계산기 [4]	슈와이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-03-07	조회 5,190
PHP	[PHP] PHPMailer 를 이용한 email 발송 [2]	싸이드뤠이스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-03-02	조회 4,593
JavaScript	[JavaScript] 다양한 카운트다운 소스 [6]	덕서리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-02-18	조회 5,020
PHP	[PHP] 간단한 PHP 프레임워크 [10]	gshn 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-01-30	조회 6,310
jQuery	[jQuery] atj.js [3]	Rido 프로필 보기 이 회원 글보기 이 회원의 댓글보기	18-01-28	조회 3,218

글쓰기

강좌