Restore user zooming capability #1645

Closed
toddparker opened this Issue May 17, 2011 · 2 comments

Comments

Projects
None yet
3 participants
@toddparker
Contributor

toddparker commented May 17, 2011

Right now, all our demos and docs have this meta tag:

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> 

The issue is that the minimum-scale=1, maximum-scale=1"portion completely disables the pinch- or double-tap-to-zoom feature which isn’t very “webby” so we’re going to change our meta tag to set a better example of how to code a page in jQuery Mobile. The meta tag is part of the user’s page content so this isn’t a change to the library per-se, but our demos are used as a template for many users so this is important to evangelize.

The proposed meta tag we’ll use will look like this:

<meta name="viewport" content="width=device-width, initial-scale=”1”"> 

On iOS, there is a bug that will incorrectly scale the page when you change orientation which is the reason why we originally used the current meta tag configuration, but we don’t think it’s worth disabling the user’s zoom feature to workaround an iOS bug that may be fixed in the near future. A bug was submitted by Filament Group here: http://filamentgroup.com/examples/iosScaleBug/

JavaScript can be used to manipulate this tag dynamically but this approach is far from fool-proof and causes some performance issue so we want to start with the simplest option (leaving the browser feature untouched) and think about alternatives to improve this for 1.0. Jeremy Keith has a great article on this topic: http://adactio.com/journal/4470/

@ghost ghost assigned scottjehl May 17, 2011

@scottjehl scottjehl closed this in 8ba4c27 May 17, 2011

@matthew-dean

This comment has been minimized.

Show comment Hide comment
@matthew-dean

matthew-dean Nov 2, 2011

"The proposed meta tag we’ll use will look like this:"
...

Um....

"The proposed meta tag we’ll use will look like this:"
...

Um....

@toddparker

This comment has been minimized.

Show comment Hide comment
@toddparker

toddparker Nov 3, 2011

Contributor

Fixed the code formatting so the tags now appear.

Contributor

toddparker commented Nov 3, 2011

Fixed the code formatting so the tags now appear.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment