Check out example codes for "iphne media query csss". It will help you in understanding the concepts better.

Code Example 1

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

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

Code Example 2

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

Learn ReactJs, React Native from akashmittal.com