2

My jquery mobile page is WAY to zoomed out. I have tried everything I can think of, but I cant get it to zoom in.

This is the last thing I have been trying:

.ui-mobile-viewport {
    max-height: 440px !important;
    max-width: 500px;
}

How do you zoom in a page? I just want the page to fit normally on the phone

Soatl
  • 10,224
  • 28
  • 95
  • 153

1 Answers1

3

I believe you are looking for the viewport meta tag: http://davidbcalhoun.com/2010/viewport-metatag

EDIT:

Perhaps I don't fully understand the problem, but maybe you could try to fix it within the following CSS @media queries:

@media all and (orientation:portrait) {
    /* set some widths maybe? */
}

@media all and (orientation:landscape) {
    /* second verse same as the first */
}

Finally, if I'm still off base, do the answers here help? How to set viewport meta for iPhone that handles rotation properly?

Community
  • 1
  • 1
ElonU Webdev
  • 2,451
  • 14
  • 15
  • 2
    Are you starting from the jQuery mobile html templates? They all include: Could it be missing from your template? – ElonU Webdev Jul 08 '11 at 18:52
  • That zooms it in, but everything is shifted to the right off screen. It fixes itself when I move the phone to landscape and back, but it wont fix itself on its own – Soatl Jul 08 '11 at 18:59
  • Its grabbing landscape width reguardless of orientation if that helps – Soatl Jul 08 '11 at 19:08
  • Those don't work, because editing the width throws everything off. I made a new question: http://stackoverflow.com/questions/6629236/jquery-mobile-grabbing-landscape-width-on-load-when-phone-is-in-portrait that better explains what is going on – Soatl Jul 08 '11 at 19:24