JQuery Mobile: Page to zoomed out

My jquery mobile page is WAY to zoomed out. I have tried everything I can think of, but开发者_如何学C 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

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?