Preventing scaling on mobile

Preventing scaling on mobile

Some browsers on mobile, especially Apple ones, tend to autoscale the viewport. Autoscale happens when you click on the Input or the Text area if your inputs have font-size less than 16px. It’s painful for users to fill in such form as it scales while you type and doesn't scale back after a user stops typing.

To make all text elements on a page readable and legible without zooming, disable scaling by using this itty-bitty code snippet:

[code https://github.com/dumkaio/blog/blob/master/preventing_scaling_on_mobile/code.xml]

Want to go deeper and prevent scale effect only on input click? Check article on dynamo6 as well.

It might be interesting for you

Let’s create together

Start a project

Let’s create together

What are your interested in?

Budget

Timeframe

Personal details

Thank you for getting in touch!
We appreciate you contacting us.
We will get back to you shortly.
Dumka
Oops! Something went wrong while submitting the form.
Close