Search jQuery

jQuery Forum

Responsive pages in jquerymobile

in jQuery Mobile • 7 years ago

Hi

i'm using jquerymobile, html , css and phonegap to build an app for android.

i have a problem :

when i run it on small devices for example 3.5 inch, everything is ok
but when i run it on bigger devices the page will not sterech and fit to device's height and width...
And on even bigger screens like tablets i have alot of white space

so what should i do to fit my app to every device to width and hieght??

Replies(5)

jakecigar

Re: Responsive pages in jquerymobile

7 years ago

The default CSS of JQM is fully responsive. I guess your custom CSS is mucking things up.

Did you start off with a proper <meta name="viewport" ?

JΛ̊KE

amir6771

Re: Responsive pages in jquerymobile

7 years ago

no i don't use any custom theme

and i use this in the head

i don't have problem with width of my page but about hieght i have always a white space at the bottom of page.

jakecigar

Re: Responsive pages in jquerymobile

7 years ago

Does it malfunction in a browser or just in phonegap? It could be a phonegap problem.

There’s one thing that JQM does very well, it’s responsive rendering!

JΛ̊KE

watusiware

Re: Responsive pages in jquerymobile

7 years ago

but when i run it on bigger devices the page will not sterech and fit to device's height and width...

jQuery Mobile does not "stretch and fit to device's height".

It does respond to the width.

If you want your pages to fit the height, you are on your own to accomplish that.

I would *not* suggest setting "height=device-height" in the viewport meta, though. That will simply stretch or shrink vertically, and will usually look awful.

If you want your pages to fit the height, you are on your own to lay it out to be responsive. Without knowing what it is you are laying-out, it is hard to give advice. I had a recent need for a "home page" with some big buttons that has to fit the height. (NOT jQuery Mobile, though.) I used some flex-box CSS and explicit height on <body> . (I think you could just use 100%, though, been meaning to try that).

jakecigar

Re: Responsive pages in jquerymobile

7 years ago

I used fixed footers to move content to the bottom of the page.

…

</div>

How do you expect JQM to fill the white space?

JΛ̊KE

Top Reply

Response title

Attachments

jQuery Forum

Responsive pages in jquerymobile

Replies(5)

Re: Responsive pages in jquerymobile

Re: Responsive pages in jquerymobile

Re: Responsive pages in jquerymobile

Re: Responsive pages in jquerymobile

Re: Responsive pages in jquerymobile

Statistics

Tags

Actions