Zoom/ Focus of web app on mobile devices

1
I have a web app that is used on mobile phones. One of the pages has a form where the user enters information. When users tabs on one of the fields the keyboard pops up and the focus is set to that field. (the screen is zoomed in a bit)  When the user is ready entering information and leaves the field the screen is not automatically zoomed out. The result is that some buttons / information is not visible anymore.  Is it possible to actively do a rescale of the whole page         
asked
2 answers
0

I’m also looking for an answer to this

answered
0

The following worked for me:

Add class ‘ps_mobilefriendly’ to the page.

.ps_mobilefriendly{
    input[type="text"],
    select:focus,
    textarea {
        font-size: 16px;
    }
}

 

Sollution based on Stackoverflow Question

answered