prevent zoom when filling forms in mobile

  • Profile Image
    vitacaretech
    Asked on September 24, 2019 at 02:17 PM

    My form doesn't seem to be to mobile friendly, and I'm building it specifically to integrate into my mobile app. The problem I having has to do with zooming. When used on my phone (iphone) the screen automatically zooms in when clicking some questions, specifically date & time questions. It gives a terrible look and does not automatically zoom out. Any suggestions to fix this? I've included a link to the form & tried to include a screen shot but, your system will not allow it (file to big).

  • Profile Image
    Richie_P
    Answered on September 24, 2019 at 02:36 PM

    May we know if your form is embedded to a web page?

    Please note that the zooming functionality on iOS is more related on the device, the website's viewport and how the browser is rendering the page.

    You may change your Font-size of your field elements to 16px. This will prevent the IOS zoom function on the fields.

    You may check this article for more information:https://www.warrenchandler.com/2019/04/02/stop-iphones-from-zooming-in-on-form-fields/