Blog for web designers

Responsive meta viewport tag for mobiles and tablets

Responsive meta viewport tag for mobiles and tablets

Responsive is now a very important part of any website design. In order to make it a flexible from desktop to mobile we use media queries. By the time when testing on browsers by resizing we don’t see any problems. But be aware if you miss the meta tag and you are trying to test in mobile. Add below meta tag inside the head tag in order to make it work on mobile too.

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

Disable zoom in mobile via viewport setting

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">

Santosh Shah

My name is Santosh Shah and blogs at santosh-shah.com


Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.