Skip to content

Commit

Permalink
Answer to @media types' question with example (#27)
Browse files Browse the repository at this point in the history
  • Loading branch information
ArmenAvetisyan authored and li-kai committed Feb 24, 2018
1 parent 76037a3 commit a933259
Showing 1 changed file with 18 additions and 1 deletion.
19 changes: 18 additions & 1 deletion questions/css-questions.md
Original file line number Diff line number Diff line change
Expand Up @@ -225,7 +225,24 @@ No... Sadly.

### Can you give an example of an @media property other than screen?

TODO
Yes, there are four types of @media properties (including _screen_):
* `all` - for all media type devices
* `print` - for printers
* `speech` - for screenreaders that "reads" the page out loud
* `screen` - for computer screens, tablets, smart-phones etc.

Here is an example of `print` media type's usage:
```css
@media print {
body {
color: black;
}
}
```

###### References

* https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Syntax

[[] Back to top](#css-questions)

Expand Down

0 comments on commit a933259

Please sign in to comment.