treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Wufoo form won't autoresize (responsive)?

  • Hi there!

    I'm trying to get my site looking good for iPhone users, but when I view my site on my iPhone, the Wufoo form's fields are much wider than the viewport.

    I tried using the iFrame version with width of 100% on the code and I tried embedding via Javascript with autoresize: true. Neither worked. Thoughts?

    View my site

  • try using this on head with open an close <>

    meta name=viewport content=width=device-width

  • Hi Maharba,

    That didn't work, but thanks. I originally had that with this:

    <meta name="viewport" content="width=device-width; initial-scale=1">  
    

    And removed the initial-scale, but that didn't work either. Hmm...

  • What is the CSS for the form and it's container? Can you show an example or create a codepen for us?