How to Apply CSS Media Queries for different mobile devices (Html 5 App)
Media Queries " The Media Queries consists of a media type and zero or more expressions that check for the conditions of particular media features ." F eatures like : Browser window (width and height ). Device screen size (width and height) & Resolution. Orientation (landscape or portrait mode). Resolution. iPhone : //iPad 1, iPad 2, iPad Mini @media only screen and (min-width: 768px) and (-webkit-device-pixel-ratio: 1) //iPad 3, iPad 4 @media only screen and (min-width: 768px) and (-webkit-device-pixel-ratio: 2) //iPhone 3G @media only screen and (min-width: 320px) and (-webkit-device-pixel-ratio: 1) //iPhone 4 @media only screen and (device-width: 320px) and (-webkit-device-pixel-ratio: 2) //iPhone 5 @media only screen and (min-width: 320px) and (min-height: 568px) and (-webkit-device-pixel-ratio: 2) //iPhone 6 @media only scre...