Disable Auto Zoom in Input “Text” tag – Safari on iPhone

by

You can prevent Safari from automatically zooming in on text fields during user input without disabling the user’s ability to pinch zoom. Just add maximum-scale=1 but leave out the user-scale attribute suggested in other answers.

It is a worthwhile option if you have a form in a layer that “floats” around if zoomed, which can cause important UI elements to move off screen.

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

More Related Contents:

  1. How do you disable viewport zooming on Mobile Safari?
  2. Turn off iPhone/Safari input element rounding
  3. HTML input – name vs. id [duplicate]
  4. Get the value in an input text box
  5. What’s the proper value for a checked attribute of an HTML checkbox?
  6. Using HTML and Local Images Within UIWebView
  7. Why is HTML5 input type datetime removed from browsers already supporting it?
  8. CSS background-size: cover replacement for Mobile Safari
  9. How to set default value to the input[type=”date”] [duplicate]
  10. how to POST/Submit an Input Checkbox that is disabled?
  11. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  12. A html5 web app for mobile safari to upload images from the Photos.app?
  13. Borders disappear in Chrome when I zoom in
  14. How can I autoplay media in iOS >= 4.2.1 Mobile Safari?
  15. Input type DateTime – Value format?
  16. How to add button inside input [closed]
  17. HTML5 Email input pattern attribute
  18. How can I disable the spell checker on text inputs on the iPhone
  19. Bootstrap 3 – How to maximize input width inside navbar
  20. What is the max number of files to select in an HTML5 [multiple] file input?
  21. What characters are allowed in the HTML Name attribute inside input tag?
  22. iOS 11 Safari bootstrap modal text area outside of cursor
  23. How to save the content in UIWebView for faster loading on next launch?
  24. How to align texts inside of an input?
  25. How to add button inside an input [closed]
  26. Thymeleaf – How to add checked attribute to input conditionally
  27. How do I make a text input non-editable?
  28. Drop Down Menu/Text Field in one
  29. Zoom changes the design layout
  30. Autoplay audio on mobile safari

Leave a Comment