CODEWITHSUNDEEP
csshtmlmobiletablet
CurleyBraces
CurleyBraces

Reputation: 541

How to make forms to not resize on tablet on phone

I am trying to make the admin panel of my cms accessible from any device, and I have it working except for one issue...

Pages with a form (e.g. to edit page content) that is taller then fits in the screen, automatically gets resized in any mobile browser, making it tiny and forcing user to zoom in.

Does anybody have a work around on this?

Im using a fluid design, width=100% etc. All other pages display fine, even if content is more then initial screen. The problem occurs only with forms that are longer. Small forms with only 2 or 3 input fields display fine.

Thank you very much for your advice!

Upvotes: 1

Views: 975

Answers (1)

fadz
fadz

Reputation: 95

Did you try adding the following meta tag to your html:

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

And you can use this instead to prevent the user from zooming

<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" name="viewport">

Upvotes: 1

Related Questions