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