Site icon Puneet Sharma – Freelance Web Developer

Media Query for IPad Pro – CSS

Media Query for IPad Pro - CSS
Media Query for IPad Pro – CSS

Here is Portrait and Landscape CSS media query specially designed for the iPad Pro tablet.

You can directly copy and paste the media queries to your CSS file and write your styles within the {} curly braces.


CSS

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}
Exit mobile version