# RWD @media

###### tags: `CSS` `RWD` `media`

## 語法

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

## mediatype

all : 所有設備
screen : 手機，電腦螢幕，平板

## media feature

device-width : 可見寬度
max-width : 最大可見寬度

## 當畫面小於300px的時候

@media screen and (max-width: 300px) {
    body {
        background-color:lightblue;
    }
}