Media queries to determine ipad and iphone versions

/* Determine ipad */@media only Screenand (min-device-width:768px) and (max-device-width:1024px) {/* style */}

　　

/* ipad Horizontal screen */@media only Screenand (min-device-width:768px) and (max-device-width:1024px) and (Orientation:landscape) {/ * Style * *}

　　

/* ipad Vertical screen */@media only Screenand (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {/* Style */}

　　

/* Judge Iphone5 *//* Horizontal Screen Judging method is the same as the ipad */@media only Screenand (min-device-width:320px) and (max-device-width:568px) {/* Styl E */}

　　

/* Judge iphone4-iphone4s *//* Horizontal Screen Judging method is the same as the ipad */@media only Screenand (min-device-width:320px) and (max-device-width:480px ) {/* style */}

　　

/* Iphone5 Resolution */screen width = 320px (css pixels) Screen height = 568px (css pixels) screen Width = 640px (actual pixels) screen height = 1136px (Actual pixel) Device-pixel-ratio:2

　　

/* IPHONE4-IPHONE4S Resolution */screen width = 320px (css pixels) Screen height = 480px (css pixels) screen Width = 640px (actual pixel) screen height = 960px (actual pixel) device-pixel-ratio:2

　　

Media queries to determine ipad and iphone versions