Hafez Rouzati

CSS Media Queries
/* iPhone 4/4s portrait */
@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
}
/* iPhone 4/4s landscape */
@media screen and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) {
}
/* iPhone portrait */
@media screen and (min-device-width: 320px) and (orientation: portrait) {
}
/* iPhone landscape */
@media screen and (min-device-width: 320px) and (orientation: landscape) {
}
/* iPad portrait */
@media screen and (min-device-width: 768px) and (orientation: portrait) {
}
/* iPad landscape */
@media only screen and (min-device-width: 768px) and (orientation: landscape)
{
}