Responsive design

➢ To begin the process, Mobile Detect determines if the accessing device is a phone, tablet, or workstation. MobileDetect is a lightweight PHP class that uses the User-Agent string combined with specific HTTP headers to detect the mobile environment.

     Based on the results of MobileDetect, a site will use the mobile style sheet if it is delivered to a phone or a tablet and the standard style sheet if it is viewed on a laptop or workstation.

➢ Second, the mobile style sheet makes further adjustments to account for the different size screens of phones and tablets and whether the mobile device is held vertically (portrait mode) or horizontally (landscape mode). The mobile style sheet does this through the @media rule.

➢ Third, the standard style sheet makes adjustments if the user reduces the size of the browser window. As with the mobile style sheet, the standard style sheet does this through the @media rule.