Databases
StackOverflow2013
Postsdbo
POiPhone Safari does not auto scale back down on portrait->landscape->portrait
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POiPhone Safari does not auto scale back down on portrait->landscape->portrait
    primarykey
    data
    text
    <p>I have a very simple HTML page with this META tag for the iPhone:</p> <pre><code>&lt;meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,user-scalable=no" /&gt; </code></pre> <p>Using the iPhone Safari, when the page loads in portrait mode it looks fine and the width fits the screen. When I rotate the iPhone to landscape mode the web page is auto resized to fit the landscape width. Good, this is what I want.</p> <p>But when I rotate back from landscape, the page is not resized back to fit the portrait width like it was before. It remains in the landscape width.</p> <p>I want the iPhone to set it back to the right width automatically, just like it did for the landscape mode. I don't think this should involve orientation listeners because it is all done automatically and I don't have any special styling for the different modes.</p> <p>Why doesn't the iPhone resize the web page back in portrait mode? How do I fix this?</p> <h2>UPDATE</h2> <p>I managed to get the iPhone to auto resize down but with a strange phenomenon of doing it only after an even number of rotations... Very very strange.<br> I use this META tag:</p> <pre><code>&lt;meta name="viewport" content="height=device-height, width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /&gt; </code></pre> <p>Here's what I have to do to get it auto resized:<br> 1. On load in portrait -> looks good.<br> 2. Rotate to landscape -> resized to fit screen.<br> 3. Rotate back to portrait -> no resize back.<br> 4. Rotate to landscape -> still in size for landscape.<br> 5. Rotate to portrait -> resized down to fit portrait screen.</p> <p>Can someone explain this behavior??<br> I still want to know how to fix this and appreciate any assistance.</p> <p>Thanks!<br> Tom.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USAerodyne
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POiPhone Safari does not auto scale back down on portrait->landscape->portrait
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POiPhone Safari does not auto scale back down on portrait->landscape->portrait
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POiPhone Safari does not auto scale back down on portrait->landscape->portrait
      1. This table or related slice is empty.
      1. VTUpMod
    1. CO##Meta viewport tags do not fix this problem I've tried all of the settings listed and they do nothing to fix the horizontal to vertical resize. I assume [jQueryMobile](http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/) will fix this but as of yet it has the same problem.
      singulars
      1. POiPhone Safari does not auto scale back down on portrait->landscape->portrait
      1. USScott Romack
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload