What is initial scale, user-scalable, minimum-scale, maximum-scale attribute in meta tag?

by

They are viewport meta tags, and is most applicable on mobile browsers.

width=device-width

This means, we are telling to the browser “my website adapts to your device width”.

initial-scale

This defines the scale of the website, This parameter sets the initial zoom level, which means 1 CSS pixel is equal to 1 viewport pixel. This parameter help when you’re changing orientation, or preventing default zooming. Without this parameter, responsive site won’t work.

maximum-scale

Maximum-scale defines the maximum zoom. When you access the website, top priority is maximum-scale=1, and it won’t allow the user to zoom.

minimum-scale

Minimum-scale defines the minimum zoom. This works the same as above, but it defines the minimum scale. This is useful, when maximum-scale is large, and you want to set minimum-scale.

user-scalable

User-scalable assigned to 1.0 means the website is allowing the user to zoom in or zoom out.

But if you assign it to user-scalable=no, it means the website is not allowing the user to zoom in or zoom out.

More Related Contents:

  1. How is the meta viewport tag used, and what does it do?
  2. iPad layout scales up when rotating from portrait to landscape
  3. Element not located at bottom of viewport
  4. Display HTML snippets in HTML
  5. Force browser to clear cache
  6. Difference between id and name attributes in HTML
  7. using href links inside tag
  8. What is the difference between HTML div and span elements?
  9. Why are nested anchor tags illegal?
  10. Is it sometimes bad to use ?
  11. How to apply Hovering on html area tag?
  12. Provide an image for WhatsApp link sharing
  13. Closing HTML tag issue
  14. Which are the standard W3C meta tags?
  15. How do you disable viewport zooming on Mobile Safari?
  16. Why should I prepend my custom attributes with “data-“?
  17. How to remove “onclick” with JQuery?
  18. Why does vw include the scrollbar as part of the viewport?
  19. HTML5 iFrame Seamless Attribute
  20. White space inside XML/HTML tags
  21. In HTML5, can the and tags appear outside of the tag?
  22. What’s the purpose of the HTML “nonce” attribute for script and style elements?
  23. What was the tag used for?
  24. Self-closing tags (void elements) in HTML5
  25. Is whitespace allowed within XML/HTML tags?
  26. Strip all HTML tags except links
  27. POST vs post, GET vs get
  28. What does the shrink-to-fit viewport meta attribute do?
  29. How does stackoverflow make its Tag input field? [closed]
  30. Why use HTML5 tags? [duplicate]

Leave a Comment