iPhoneビューポートのメタタグがホーム画面のリンクに変更される

Question

ホーム画面のブックマークでiPhoneをサポートするために必要なメタタグを前もって設定していたWebアプリケーションがあります。ウェブサイトはSafariで正常に機能し、apple-mobile-web-app-capableのブックマークをyesに設定していたため、ホーム画面のリンクを使用したときにブラウザのコントロールが削除されました。

iPhone 5がリリースされたので、ページ上に表示されたビューポートの設定では、画面の上部と下部に黒いバーが表示されていました。私はそれ以来、iPhone 5の全画面を使用するようにビューポートのメタタグを変更しました。しかし、ホーム画面のブックマークが新しいビューポートタグを使用してフルスクリーンになる唯一の方法は、ブックマークを削除し、それ。

ホームスクリーンのブックマークが既にインストールされているすべての人が、サイトをフルスクリーンにするために削除して再追加する必要がないように設定する別の方法はありますか？

Answer 1

これは、BurlinがGistに見つけた解決策です。治療をしなさい。 https://gist.github.com/3840737

<!-- 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)" />