Fixing the Pixel density on Mobile Devices

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

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s