CODEWITHSUNDEEP
htmlcssipadmedia-queries
openfrog
openfrog

Reputation: 40735

How to create a media query that applies to all iPads in portrait?

The problem is that the old iPad has 768 x 1024 px resolution while the new ones have 1536 x 2048 px resolution. How can I address bot iPads for portrait in one media query? Is this possible?

<link rel="stylesheet" href="stylesheets/device.css" media="only screen and (((min-width:768px) and (max-width: 1024px)) or ((min-width:1536px) and (max-width: 2048px)))">

I couldn't find examples where media query conditions are nested like this.

Upvotes: 0

Views: 148

Answers (1)

Abdul Malik
Abdul Malik

Reputation: 2642

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { /* STYLES GO HERE */ }

see this link hope it works for you

Upvotes: 1

Related Questions