Mobile devices are increasingly more popular, making responsive design very important. Unfortunately as technology has been getting better and better we now have the problem of pixel density. A formerly 320 px width mobile device is now 768 px wide making our responsive designs no longer work. To fix this issue we must reset the pixel density for our code to display on the screen. To do this we need to include the code below in the head tag.
<meta name=”viewport” content=”width=device-width, initial-scale=1″>