Skip to content

Commit a933259

Browse files
ArmenAvetisyanli-kai
authored andcommitted
Answer to @media types' question with example (yangshun#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
1 parent 76037a3 commit a933259

File tree

1 file changed

+18
-1
lines changed

1 file changed

+18
-1
lines changed

questions/css-questions.md

Lines changed: 18 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -225,7 +225,24 @@ No... Sadly.
225225

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

228-
TODO
228+
Yes, there are four types of @media properties (including _screen_):
229+
* `all` - for all media type devices
230+
* `print` - for printers
231+
* `speech` - for screenreaders that "reads" the page out loud
232+
* `screen` - for computer screens, tablets, smart-phones etc.
233+
234+
Here is an example of `print` media type's usage:
235+
```css
236+
@media print {
237+
body {
238+
color: black;
239+
}
240+
}
241+
```
242+
243+
###### References
244+
245+
* https://developer.mozilla.org/en-US/docs/Web/CSS/@media#Syntax
229246

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

0 commit comments

Comments
 (0)