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...
 
