CSS 미디어 쿼리의 해상도 처리 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

HTML CSS 미디어 쿼리의 해상도 처리

페이지 정보

댓글 0건 조회 157회 작성일 2018-08-30 15:47

본문

<style>
/* Smartphones (portrait and landscape) */
@media only screen
and (min-device-width : 320px) {
/* Styles */
}

/* Smartphones (landscape) */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops */
@media only screen
and (min-width : 1224px) {
/* Styles */
}

/* Large screens  */
@media only screen
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}
</style>


관련자료
http://www.walterz.net/2017/07/25/jquery-미디어-쿼리-반응형-웹-개발/
http://blog.saltfactory.net/using-css-media-query-for-responsive-web/
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,277건 1 페이지
기술자료 목록
번호 제목
공지 일반   16274  2001-08-31 11:52 ~ 2017-12-05 16:33  
2276 그누보드   11  2018-09-22 01:04 ~ 2018-09-22 01:17  
2275 그누보드   11  2018-09-21 19:28  
2274 그누보드   58  2018-09-15 08:08  
2273 PHP   78  2018-09-14 05:59  
2272 전자결제   61  2018-09-14 04:57 ~ 2018-09-14 04:58  
2271 전자결제   86  2018-09-12 14:17 ~ 2018-09-13 14:38  
2270 일반   171  2018-08-31 18:10 ~ 2018-09-14 20:50  
열람중 HTML   158  2018-08-30 15:47  
2268 그누보드   177  2018-08-30 10:41 ~ 2018-08-30 10:48  
2267 PHP   149  2018-08-29 03:21 ~ 2018-08-29 17:13  
2266 JavaScript   202  2018-08-28 18:49  
2265 HTML   198  2018-08-27 14:33  
2264 HTML   258  2018-08-26 14:07  
2263 일반   162  2018-08-22 13:17  
2262 PHP   166  2018-08-20 15:51  
2261 HTML   174  2018-08-18 05:37  
2260 일반   181  2018-08-17 15:18 ~ 2018-08-17 15:19  
2259 HTML   280  2018-08-17 06:39  
2258 HTML   248  2018-08-15 05:06 ~ 2018-08-15 05:58  
게시물 검색

회원로그인

계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
1,387
어제
2,261
최대
3,174
전체
4,269,394

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2018 해피정닷컴. All Rights Reserved.