Search jQuery

jQuery Forum

How do I avoid scaling of content when orientation-change to landscape

in jQuery Mobile • 12 years ago

Hi,
I guess the title says it all but tweaking the question to: how would I control/maintain content aspect when tilting the device to landsscape may be more precise.

I am familiar with: min/max break-point classes (tried it) and the "orientationchange" event.
But sizing the elements like so does not seem to help.

Any ideas?

Regards
/Ralf

Replies(3)

ldomapias

Re: How do I avoid scaling of content when orientation-change to landscape

12 years ago

use percentage instead of px

red3softw..

Re: How do I avoid scaling of content when orientation-change to landscape

11 years ago

Our app has a very complex layout. I ended up having to write a special layout function which is triggered by the orientationchange and pagechange events. The layout function tweaks the css of significant elements in the page to ensure the layout is good in portrait or landscape.

Make sure you also set the viewport meta tag in your page, appropriate to how you want your page to be viewed:

Mine looks like this, with the intention that the form is a 'fixed' full-screen layout and always fits width-ways, and cannot be sized by the user:

In my layout code, I adjust the heights of the page elements to fill the available horizontal space. If you do nothing, the phone will either extend or clip your content vertically.

frequent

Re: How do I avoid scaling of content when orientation-change to landscape

11 years ago

It's actually a bug on iPad, see here: https://forum.jquery.com/topic/device-rotation-is-not-working-well

Top Reply

Response title

Attachments

jQuery Forum

How do I avoid scaling of content when orientation-change to landscape

Replies(3)

Re: How do I avoid scaling of content when orientation-change to landscape

Re: How do I avoid scaling of content when orientation-change to landscape

Re: How do I avoid scaling of content when orientation-change to landscape

Statistics

Tags

Actions