|
|
|
@ -57,6 +57,14 @@ Layout using percentages so that content shrinks and expands with window dimensi
|
|
|
|
|
|
|
|
|
|
|
|
### media query possibilites
|
|
|
|
### media query possibilites
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
```css
|
|
|
|
|
|
|
|
@media (min-width: 600px) {
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
|
|
background-color: lightblue;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
- http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
|
|
|
|
- http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
|
|
|
|
- media types
|
|
|
|
- media types
|
|
|
|
- screen
|
|
|
|
- screen
|
|
|
|
|