To avoid auto zoom on iOS a textarea/input, set the viewport's maximum-scale = 1
:
html<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.