CODEWITHSUNDEEP
css
Akhil Thesiya
Akhil Thesiya

Reputation: 950

How to set screen resolution for ipad 3

Hey All i m bit new to ipad -3 designing. Can any one guide me how to set media queries for ipad-3.thanx in advance

Upvotes: 0

Views: 430

Answers (2)

Eli
Eli

Reputation: 14827

The new iPad has the same width and height as the first and second iPad so you just need to apply the same media queries: 

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .ipad-portrait { color: red; } /* your css rules for ipad portrait */
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
  .ipad-landscape { color: blue; } /* your css rules for ipad landscape */
}

Upvotes: 1

Kyle Needham
Kyle Needham

Reputation: 3389

     @media screen and (device-aspect-ratio: 3/4) {

          // your styles here
     }

Upvotes: 0

Related Questions