위키
포럼
도구
바뀐글
랜덤

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

잔글 (Jmnote 사용자가 CSS3 @media 규칙 문서를 CSS @media 규칙 문서로 옮겼습니다)
4번째 줄: 4번째 줄:


==예시==
==예시==
*예제: http://zetawiki.com/ex/css/media.html
<source lang='css'>
<source lang='css'>
@media screen and (max-width: 300px) {
<style>
    body {
@media (max-width:600px) {
        background-color: green;
body { background: red; }
    }
}
}
</style>
</source>
</source>
:→ 300px 미만일 때 배경색을 녹색으로 바꿈
:→ 웹브라우저 화면의 너비가 600px 이하일 때 배경색을 빨간색으로 바꿈
:→ ( 600px 초과일 때는 기본색상인 흰색 )


==같이 보기==
==같이 보기==

2015년 7월 22일 (수) 12:53 판

1 개요

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

2 예시

<style>
@media (max-width:600px) {
	body { background: red; }
}
</style>
→ 웹브라우저 화면의 너비가 600px 이하일 때 배경색을 빨간색으로 바꿈
→ ( 600px 초과일 때는 기본색상인 흰색 )

3 같이 보기

4 참고 자료

원본 주소 "https://zetawiki.com/w/index.php?title=CSS_미디어쿼리_@media&oldid=139513"
문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}