MEDIA QUERY For orientation: landscape but not desktop. how?

Asked Apr 13 '22 at 11:29

Active Apr 13 '22 at 11:29

Viewed 172 times

Here it will not contain it on the tablet because I am testing a tablet with a mouse on my computer:

@media (max-width: 1024px), (not: pointer) and (orientation: landscape)

And here it will also contain a desktop.

@media (max-width: 1024px), (orientation: landscape)

so How can I solve it ? Thanks

asked Apr 13 '22 at 11:29

bob habanai

Solve what, exactly? Are you trying to identify devices _types_? If so, what for? – CBroe Apr 13 '22 at 11:31
@CBroe yes, I want to define tablet device on orientation: landscape. not potrait and not desktop – bob habanai Apr 13 '22 at 11:33
You can combine height and width parameters in the media query – Sigurd Mazanti Apr 13 '22 at 11:37
@SigurdMazanti what height is the min for desktop and will fit mobile and tablet? – bob habanai Apr 13 '22 at 11:42
@bobhabanai if you open Chrome's DevTools you can choose a lot of device layouts. I can't give you any specific dimensions as I'm not 100% sure sorry. Example: https://gyazo.com/27e35f4417d8443882c511bd8f99d19d – Sigurd Mazanti Apr 13 '22 at 12:01

0 Answers0