mirror
/
front-end-interview-handbook
mirror of https://github.com/yangshun/front-end-interview-handbook.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Answer to @media types' question with example (#27) 

* Answer to @media types' question with example

Referred to question:
https://github.com/yangshun/front-end-interview-handbook/blob/master/questions/css-questions.md#can-you-give-an-example-of-an-media-property-other-than-screen

* Update reference link
This commit is contained in:
Armen Avetisyan 2018-02-24 20:12:34 +03:00 committed by Li Kai
parent 76037a3b33
commit a9332591d5
1 changed files with 18 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
questions/css-questions.md
View File

@ -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)