landscape & portrait
ipad
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {}
ipad Retina
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 2) {}
ipad1 & ipad2
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 1) {}
ipad mini
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)and (-webkit-min-device-pixel-ratio: 1) {}
iphone 6p & iphone6
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px){}
iphone 5
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {}
iphone 2G-4S