Twenty Twelve: IOS Zoom bug

[bradthomas127]

Testing with iPad2 5.1.1 i noticed i was getting the iOS zoom bug on orientation change.

I was able to fix this by removing initial-scale=1
from the viewport, i did some digging around on this and noticed that it was removed from html5 boilerplate about 7 months ago because of this: ​https://github.com/h5bp/html5-boilerplate/commit/26d6be247987741b92c83bae2f47111b43a6f1f2

Issue: ​https://github.com/h5bp/html5-boilerplate/issues/824

[obenland]

Reproduced with Safari on iPad3. Chrome seems to be fine though. Patch fixes it, as promised. Patch tested positively with iOS 5.1.1 Safari & Chrome and some ridiculously old HTC Android that I can't wait to get rid of.

[bradthomas127]

Thanks obenland I forgot to mention this was happening in Safari.

Off the subject, i noticed a double line-height in the stylesheet lines: 1255 & 1256.

[lancewillett]

In [21520]:

Twenty Twelve: selector for navigation menu should style the menu list element, props obenland, see #21562.

Also remove duplicate line-height rule, props bradthomas127. See #21577.

[lancewillett]

In [21525]:

Twenty Twelve: remove initial-scale value from viewport meta element to avoid iOS zoom bug. Props bradthomas127, see #21577.

[lancewillett]

A bunch more discussion on Github project: ​https://github.com/h5bp/html5-boilerplate/issues/1099

Adding here for future reference.

Apparently this will be fully fixed in iOS 6. Woot.

[obenland]

​Re-introduced to HTML5 boilerplate.