2014-10-22 4 views
0

업데이트 : 아래 답변!iOS 8 - 전체 페이지 웹 앱 - 하단의 상태 표시 줄

전 화면으로 iPad 용으로 최적화 된 반응 형 웹 페이지가 있습니다. 그래도 iOS8로 업그레이드 한 이후 전체 빈 페이지 하단에 새로운 빈 표시 줄이 나타납니다.

나는 기본 레이아웃에 메타 태그를 추가 할 것을 제안하는 몇 가지 답변을 보았습니다. 광산은 AngularJS 앱이며 다음이 index.html에 추가되었습니다.

<meta name="apple-mobile-web-app-capable" content="yes"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 
    <link href="assets/css/tapp2.css" rel="stylesheet"> 
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/> 
    <link rel="shortcut icon" type="image/png" href="assets/img/favicon.png"/> 
    <link rel="apple-touch-icon" href="assets/img/favicon-150X150.png" sizes="150x150"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-72X72.png" sizes="72x72"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-76X76.png" sizes="76x76"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-144X144.png" sizes="144x144"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-152X152.png" sizes="152x152"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-114X114.png" sizes="114x114"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-114X114.png" sizes="120x120"> 
    <link rel="apple-touch-icon" href="assets/img/favicon-57X57.png" sizes="57X57"> 

하지만 여전히 바가 있으며 막혀 있습니다. 내가 여기서 뭔가를 놓치고 있니?

답변