(42)CSS_CSS 미디어쿼리1

미디어 쿼리(media query)

반응형웹
하나의 웹사이트에서 PC, 스마트폰, 태블릿 등 접속하는 디스플레이 종류에 따라 화면의 크기가 자동으로 변하도록 만든 웹 페이지 접근 방법

@media 매체유형 and (속성에 대한 조건) {
        css 코드
        ...
    }

✔ 매체유형
all: 모든 매체
screen: 컴퓨터, 태블릿, 스마트폰...
print: 프린터
speech: 스크린 리더

<style>

body {

background-color: deeppink;

}

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

body {background-color: deepskyblue;}

}

</style>

xoos0420