Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #20450 > unrolled thread

Dynamically changing the viewport in iOS Safari doesn't work until the second time rotating the device

Back to article view | Back to comp.lang.javascript

Contents

  Dynamically changing the viewport in iOS Safari doesn't work until the second time rotating the device Mauro Julián Fernández <mauroj.fernandez@gmail.com> - 2013-06-26 06:04 -0700
    Re: Dynamically changing the viewport in iOS Safari doesn't work until the second time rotating the device Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2013-06-26 16:37 +0200
    Re: Dynamically changing the viewport in iOS Safari doesn't work until the second time rotating the device Andrew Poulos <ap_prog@hotmail.com> - 2013-06-27 07:25 +1000

#20450 — Dynamically changing the viewport in iOS Safari doesn't work until the second time rotating the device

I'm developing a web for iPad/iPhone and need to set different viewports for portrait and landscape mode. I'm doing this with Javascript with the orientationchange event, but there is a problem, after loading the page when I first rotate the device, the content doesn't get scaled, but this is only the first time, if I go back to the first state and then rotate back again, this time works perfectly. I tried the same but loading the page with the other orientation and it's the same problem, it only scales the content properly after the second try.

[toc] | [next] | [standalone]

#20451

Mauro Julián Fernández wrote:

[wrapped to 80 characters per line]
> I'm developing a web for iPad/iPhone and need to set different viewports
> for portrait and landscape mode. I'm doing this with Javascript with the
> orientationchange event, but there is a problem, after loading the page
> when I first rotate the device, the content doesn't get scaled, but this
> is only the first time, if I go back to the first state and then rotate
> back again, this time works perfectly. I tried the same but loading the
> page with the other orientation and it's the same problem, it only scales
> the content properly after the second try.

For your next posting that you should not post via Google Groups, and that 
should contain less than 80 characters per line:

..........................................................................

See also:

<http://jibbering.com/faq/#posting>
<http://PointedEars.de/faq#posting>

BTW, there is no “Javascript”: <http://PointedEars.de/es-matrix>

-- 
PointedEars

Twitter: @PointedEars2
Please do not Cc: me. / Bitte keine Kopien per E-Mail.

[toc] | [prev] | [next] | [standalone]

#20453

On 26/06/2013 11:04 PM, Mauro Julián Fernández wrote:
> I'm developing a web for iPad/iPhone and need to set different
> viewports for portrait and landscape mode. I'm doing this with
> Javascript with the orientationchange event, but there is a problem,
> after loading the page when I first rotate the device, the content
> doesn't get scaled, but this is only the first time, if I go back to
> the first state and then rotate back again, this time works
> perfectly. I tried the same but loading the page with the other
> orientation and it's the same problem, it only scales the content
> properly after the second try.

Do either of these links help

<http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html>

<http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html>

Andrew Poulos

[toc] | [prev] | [standalone]

Back to top | Article view | comp.lang.javascript

csiph-web