<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Hi,
I have developed a web application for mobile.
In my phone when tetxbox take the focus the screen autozoom on text and show the keybord. That’s a normally bheavor ad is ok. But afert lost focus and change screen then zoon keep alive and i have to reduce screen zoom manually. I need instead automaticaly return to normally.
It’s possible to do it?
thanks in advance.
Hi Angelo,
You should be able to control the zoom using the <viewport> tag in Default.html.
If you want to keep pinch-zoom but remove the autozoom feature, you can try setting the maximum-scale attribute:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
If you want to disable auto-zoom and pinch-zoom, you can set maximum-scale and user-scalable:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
One more option is to set the Font size of the TextBox to 16px. The TextBox will not be autofocused / zoomed. https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/
HTH,
Levie
Please login first to submit.