Adaptive layouts
Essential code ‘viewport’
Mobile devices will attempt to shoehorn a website to fit its screen size; if you want your design to adapt (as a responsive or adaptive design) to the particular screen’s ratio, you need to tell the device to treat every pixel as a pixel, and not try to fit several into the space of one.
<meta name=”viewport” content=”width=device-width, initialscale= 1”>