ipad responsive media query code example

Example 1: css ios media query

@supports (-webkit-touch-callout: none) {
   /* CSS specific to iOS devices */ 
}

@supports not (-webkit-touch-callout: none) {
   /* CSS for other than iOS devices */ 
}

Example 2: mediaquery for portrate

@media (orientation: portrait) {
  body {
    flex-direction: column;
  }
}