-1

IPHONE X is having screen resolution of 375*812. IPAD is having 768*1024. So how can write media query that will only apply to lets say IPHONE X landscape mode and should not apply to IPAD portrait mode. Same needs to achieve in android devices also like android phone and android tab. Please help me with this with minimum media queries.

pravin
  • 11
  • 1
  • You can set a height requirement in your media query, but the less media queries you have, the better. Also, show us what you have - or that you have - tried – razemauze Jan 22 '20 at 07:07
  • I would suggest you Google this as there are literally hundreds of websites related to media queries – Lee Jan 22 '20 at 07:13

1 Answers1

0

This question and this other one could help you.

You need to use the min-width, max-device-width, min-height and max-height properties of the media queries. Also pay special attention to the orientation property, wich let´s you define the media query as meant for portrait or landscape.

Here you have listed all of the properties.

D. Marchetto
  • 1
  • 1