ホームページ >ウェブフロントエンド >H5 チュートリアル >html5モバイルメタ設定
この記事では、HTML5 モバイル端末でのメタの設定について説明します。必要な方は参考にしてください。
デバイス ドキュメントの幅は 1:1 のままで、ドキュメントの最大幅比は 1.0 であり、ユーザーは画面をクリックしてビューを拡大することはできません。
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
WebApp 全画面モード アドレス バーを非表示にします。
<meta name="apple-mobile-web-app-capable" content="yes" />
Baiduトランスコード表示は禁止されています。
<meta http-equiv="Cache-Control" content="no-siteapp">
iPhoneのSafari上部のステータスバーのスタイルを設定します(デフォルト:白、黒:黒、黒半透明:半透明)
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
追加後のタイトルiOSのホーム画面。
<meta name="apple-mobile-web-app-title" content="标题名称">
おすすめ関連記事:
HTML5とInternet+を組み合わせて3Dトンネルを実現する(コード付き)
以上がhtml5モバイルメタ設定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。