Brian Noah bjoshuanoah
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
| #container{ | |
| margin-left:15px; | |
| margin-top:8px; | |
| width:243px; | |
| height:344px; | |
| overflow:hidden; | |
| .content{ | |
| padding:0; | |
| border:0; | |
| margin:0; |
burin
/ gist:3840737
Created
October 5, 2012 16:06
Full screen web app in iPhone 5 (save to home screen)
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
| <!-- standard viewport tag to set the viewport to the device's width | |
| , Android 2.3 devices need this so 100% width works properly and | |
| doesn't allow children to blow up the viewport width--> | |
| <meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" /> | |
| <!-- width=device-width causes the iPhone 5 to letterbox the app, so | |
| we want to exclude it for iPhone 5 to allow full screen apps --> | |
| <meta name="viewport" id="vp" content="initial-scale=1.0,user-scalable=no,maximum-scale=1" media="(device-height: 568px)" /> | |
| <!-- provide the splash screens for iPhone 5 and previous --> | |
| <link href="assets/splashs/splash_1096.png" rel="apple-touch-startup-image" media="(device-height: 568px)"> | |
| <link href="assets/splashs/splash_iphone_2x.png" rel="apple-touch-startup-image" sizes="640x960" media="(device-height: 480px)"> |