개발노트

개발 관련된 기록을 남기기 위한 게시판입니다.

Profile
xeant

2020.04.24

미디어 쿼리

조회 수 64 추천 수 0
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = 데스크탑
##Screen = 1281px 이상 해상도 데스크탑
*/

@media (min-width: 1281px) {

//CSS

}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = 랩탑, 데스크탑
##Screen = 1025px에서 1280px 사이
*/

@media (min-width: 1025px) and (max-width: 1280px) {

//CSS

}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(세로),
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) {

//CSS

}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = 태블릿, 아이패드(가로)
##Screen = 768px에서 1024px 사이
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

//CSS

}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = 저해상도 태블릿, 모바일(가로)
##Screen = 481px에서 767px 사이
*/

@media (min-width: 481px) and (max-width: 767px) {

//CSS

}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = 대부분의 스마트폰 모바일 기기(세로)
##Screen = 320px에서 479px 사이
*/

@media (min-width: 320px) and (max-width: 480px) {

//CSS

}
// ##출처: https://gist.github.com/gokulkrishh/242e68d1ee94ad05f488

 

Profile
0
Lv

0개의 댓글

Profile
번호 제목 글쓴이 날짜 조회 수
공지 [sendboard] sendboard 1.1 profile xeant 2020.04.24 226
공지 [sendcore] sendcore 1.2.0 profile xeant 2020.04.08 315
12 PG사 결제 모듈(아임포트) profile xeant 2020.04.03 197
11 구글 캘린더 1.2 profile xeant 2020.04.03 143
10 구글 캘린더 API 설정 방법 profile xeant 2020.04.03 796
9 구글 캘린더 모듈 트리거 설정 profile xeant 2020.04.03 154
8 구글 캘린더 공유 하기 profile xeant 2020.04.03 162
7 일일 접속자 수 카운터 위젯 ( 숫자가 카운트 됩니다) profile xeant 2020.04.03 169
6 가맹점 목록을 보여주는 지도 스킨 profile xeant 2020.04.03 140
5 XE 데이터 이전툴 (사용자 정의, 확장 변수) 데이터 이전 버그 픽스 profile xeant 2020.04.03 121
4 [sendboard] sendboard 1.0 profile xeant 2020.04.08 243
3 XE 데이터 이전툴 버그 profile xeant 2020.04.16 114
미디어 쿼리 profile xeant 2020.04.24 64
1 다음 모듈 주소 검색 사용하기, 다음 주소 검색 모듈 에러 profile xeant 2021.01.13 4