"CSS 미디어쿼리 @media"의 두 판 사이의 차이

1번째 줄: 1번째 줄:
==개요==
==개요==
;CSS3 @media Rule
;CSS3 @media Rule, CSS media queries
;CSS3 @media 규칙, CSS3 @media 룰
;CSS3 @media 규칙, CSS3 @media 룰, CSS media 쿼리


==예시==
==예시==
19번째 줄: 19번째 줄:
==참고 자료==
==참고 자료==
*http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
*http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
*https://developer.mozilla.org/en/docs/Web/Guide/CSS/Media_queries


[[분류: CSS3]]
[[분류: CSS3]]

2015년 5월 17일 (일) 16:44 판

1 개요

CSS3 @media Rule, CSS media queries
CSS3 @media 규칙, CSS3 @media 룰, CSS media 쿼리

2 예시

@media screen and (max-width: 300px) {
    body {
        background-color: green;
    }
}
→ 300px 미만일 때 배경색을 녹색으로 바꿈

3 같이 보기

4 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}