HTML5 meta name = “viewport” doesn't work as expected

To solve the issue for HTML5 meta viewport, you can any of the following fix:

<meta name = "viewport" content = "user-scalable = no, initial-scale = 1,
   maximum-scale = 1, minimum-scale = 1, width = 400, height = device-height,
   target-densitydpi=medium-dpi" />

You can also try this:

<meta name = "viewport" content = "width=device-width, initial-scale = 1;"/>

Let us say you have a site width of 100px, then it won’t display the whole page, with

initial-scale = 1

Anvi Jain

Published on 10-Apr-2018 09:32:25

• Related Questions & Answers
• CSS content: attr() on HTML5 progress doesn't work
• Python3 - Why loop doesn't work?
• MySQL system variable table_type doesn't work?
• Why can't we use column name “desc” in MySQL?
• Phonegap + Windows Phone 8 : HTML5 viewport meta & scaling issue
• Getting Error message “Object doesn't support property or method 'attachEvent'” in IE11 to call SAP system
• Expression in CASE WHEN Clause doesn't work in MySQL query?
• Why doesn't JavaScript support multithreading?
• How to actually work with HTML5 Canvas camera/viewport?
• How to replace default meta tag from “layout” with customizing meta tags in “view” with HTML?
• Render ASP.NET TextBox as HTML5 Input type “Number”
• HTML5 <input type=“file” accept=“image/*” capture=“camera”> display as image rather than “choose file” button
• Explain import “as” and Export “as” constructs in JavaScript.
• Can we use “rank” as column name with MySQL8?
• HTML Viewport meta tag for Responsive Web Design