Skip to content

Instantly share code, notes, and snippets.

@webuniverseio
Created August 4, 2013 22:49
Show Gist options
  • Save webuniverseio/6152282 to your computer and use it in GitHub Desktop.
Save webuniverseio/6152282 to your computer and use it in GitHub Desktop.
Fix for iPad layout scales up when rotating from portrait to landcape
//<meta name="viewport" content="width=device-width, initial-scale=1">
if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
var viewportmeta = document.querySelector('meta[name="viewport"]');
if (viewportmeta) {
viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0';
document.body.addEventListener('gesturestart', function () {
viewportmeta.content = 'width=device-width, minimum-scale=0.25, maximum-scale=1.6';
}, false);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment