html5モバイルメタ設定

不言
不言オリジナル
2018-08-06 17:47:193055ブラウズ

この記事では、HTML5 モバイル端末でのメタの設定について説明します。必要な方は参考にしてください。

  1. デバイス ドキュメントの幅は 1:1 のままで、ドキュメントの最大幅比は 1.0 であり、ユーザーは画面をクリックしてビューを拡大することはできません。

<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
  1. WebApp 全画面モード アドレス バーを非表示にします。

<meta name="apple-mobile-web-app-capable" content="yes" />
  1. Baiduトランスコード表示は禁止されています。

<meta http-equiv="Cache-Control" content="no-siteapp">
  1. iPhoneのSafari上部のステータスバーのスタイルを設定します(デフォルト:白、黒:黒、黒半透明:半透明)

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  1. 追加後のタイトルiOSのホーム画面。

<meta name="apple-mobile-web-app-title" content="标题名称">

おすすめ関連記事:

HTML5でファイルアップロードするためのコード

HTML5とInternet+を組み合わせて3Dトンネルを実現する(コード付き)

以上がhtml5モバイルメタ設定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。