David Daniël Wouters DaveFlash
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!doctype html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title>Viewport Test</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| <script src="/workaround.js"></script> | |
| </head> | |
| <body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| * Outputs a float representing the iOS version if user is using an iOS browser i.e. iPhone, iPad | |
| * Possible values include: | |
| * 3 - v3.0 | |
| * 4.0 - v4.0 | |
| * 4.14 - v4.1.4 | |
| * false - Not iOS | |
| */ | |
| var iOS = parseFloat( |
mathiasbynens
/ ios-viewport-scaling-bug-fix-original.js
Created
April 4, 2011 08:30
Improved version of JavaScript fix for the iOS viewport scaling bug. See http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/ | |
| var metas = document.getElementsByTagName('meta'); | |
| var i; | |
| if (navigator.userAgent.match(/iPhone/i)) { | |
| for (i=0; i<metas.length; i++) { | |
| if (metas[i].name == "viewport") { | |
| metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0"; | |
| } | |
| } |