Viewport Meta Tag

This has been driving me mad for a few days now, on a couple of different websites. It’s such a simple thing to miss, but doing so has meant the sites haven’t ‘acted’ responsively – causing them to display incorrectly on phones. It’s simple this:

 <meta name="viewport" content="width=device-width,initial-scale=1.0">

Granted it should usually be included in your boilerplate or setup code but if it’s missed off it can cause frustrations down the line. Add it between your ‘head’ tags and things will scale properly without looking ‘zoomed out’ on mobile devices.


Published by:


Production Facilitator at Audacious Church Previously Software Developer at UKFast Ltd. and Web Applications Developer at SenseLogix Ltd. Graduate of Renewable Energy BSc from the University of Exeter. Experience with PHP, MySQL, Javascript, CSS and HTML.

Categories Web DevelopmentLeave a comment

Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )

Connecting to %s