Fitting height of homescreen-webapp for iphone 5

shAnk

New Member
I have a problem with fitting the height of a webapp (homescreen).Im using following meta-tag:\[code\] <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />\[/code\]My problem is, that the screen has black bars on top and bottom. First i thoght, that this is a bug of iphone 5 because of the heigher screen. But today i saw a webapp (apps.ft.com/ ) , which fits perfect into the iphone5 screen.Any ideas, what im making wrong?My here my full relevant meta-tags\[code\] <meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="apple-touch-icon-precomposed" href="http://stackoverflow.com/questions/13792140/img/icons/ios_icon_52.png"><link rel="apple-touch-icon" href="http://stackoverflow.com/questions/13792140/img/icons/ios_icon_52.png"><link rel="apple-touch-icon" sizes="72x72" href="http://stackoverflow.com/questions/13792140/img/icons/ios_icon_72.png"><link rel="apple-touch-icon" sizes="114x114" href="http://stackoverflow.com/questions/13792140/img/icons/ios_icon_114.png">\[/code\]
 
Back
Top