DEV Community

Hanno Zhuan
Hanno Zhuan

Posted on • Originally published at hannozhuan.netlify.app on

Write a Responsive Meta Viewport Tag

Replace the following markup:

<meta name="viewport" content="user-scalable=no">
Enter fullscreen mode Exit fullscreen mode

Use the following markup:

<meta name="viewport" content="width=device-width, initial-scale=1.0">
Enter fullscreen mode Exit fullscreen mode

You must remove user-scalable=no in your meta viewport tag because users and browsers do not respect you. The browsers offer a forced enable zoom. Your users can activate the force zoom-in mode. To ensure nobody can disrespect you, remove user-scalable=no.

Top comments (0)