5

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

iPhone 5が発売されたので、ページに設定したビューポート設定で、画面の上下に黒いバーが表示されていることに気付きました。その後、iPhone 5の全画面表示を使用するようにビューポートメタタグを変更しました。ただし、ホーム画面のブックマークで新しいビューポートタグを使用して全画面表示にする唯一の方法は、ブックマークを削除してから再度追加することです。それ。

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

4

1 に答える 1

5

これは、Gist で Burlin が見つけた解決策です。御馳走を働きます。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)" />
于 2012-12-07T18:58:36.270 に答える