Avoid auto zoom-in on iOS textarea/input

To avoid auto zoom on iOS a textarea/input, set the viewport's maximum-scale = 1:

<meta name = "viewport" content = "width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no, viewport-fit=cover">

Note: even if it's set to 1, users can pinch to zoom.


width = device-width → Sets the viewport width with the device width
initial-scale = 1 → Zoom level when the page is loaded
maximum-scale = 1 → Maximum zoom that users are allowed to do
shrink-to-fit = no → Specific Safari option that prevents scaling down the page to fit in
viewport-fit = cover → Expands the website to the whole screen, useful for devices with notch devices

Hi, I'm Erik, an engineer from Barcelona. If you like the post or have any comments, say hi.