search

Cal9233 / Redux-Assignment

0 stars 0 forks source link

Question 3: How do you specify a media type in a media query? #2

Open radika-insfra opened 1 year ago

radika-insfra commented 1 year ago

Your answer : can be min or max after adding '@media only'

First I would like to give a list of common media types as follows,

Here are some common media types used in media queries:

all: This media type is used for all devices and media types.

screen: This media type is used for computer screens, tablets, and smartphones.

print: This media type is used for printed documents.

speech: This media type is used for screen readers and other assistive technology for the visually impaired.

handheld: This media type is used for handheld devices such as smartphones and small tablets.

tv: This media type is used for television screens.

braille: This media type is used for braille tactile feedback devices.

Then you can specify the media type as follows

@media only screen { / CSS rules here / }
in the above code this media query will only targets the screen only. not any of the other media types listed above.

Cal-Ell commented 1 year ago

There are various types depending on what conditions you are going for. Such as all, screen, print, speech, handheld, tv and braille. Be sure to add these types after @media