ホームページ > ウェブフロントエンド > H5 チュートリアル > モバイル H5 ヘッダー定義スタイル

モバイル H5 ヘッダー定義スタイル

高洛峰
リリース: 2017-02-09 15:39:55
オリジナル
2088 人が閲覧しました

 <meta content="width=device-width,initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
 <meta name="apple-mobile-web-app-capable" content="no" />
 <meta name="format-detection" content="telephone=no,email=no,adress=no"/>
ログイン後にコピー

1. width=device-width width : ビジュアル領域の幅。値は数値またはキーワード device-width (デバイス幅)

2 です。initial-scale=1.0、initial-scale: ページが最初のときのビジュアル領域のズーム レベルです。表示される場合、値は 1.0 です。 ページは拡大縮小なしで実際のサイズで表示されます。 (初期スケール)

3. 表示領域のズームレベル、最大スケールはユーザーがページを拡大することを禁止します。実際のサイズ。

4. ユーザースケーラブル: ページをズームできるかどうか、スケーリングは禁止されています

5. apple-mobile-web-app-capable: このメタの機能は、デフォルトの Apple ツールバーとメニュー バーを削除することです。

コンテンツには「はい」と「いいえ」の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、デフォルトではこの行を追加する必要はありません。

6.

format-detection は、名前が示すように、中国語に翻訳すると「フォーマット検出」を意味します。 , HTML内の一部の形式を検出するために使用されます。metaのformat-detection属性には主に次の設定があります:

meta name="format-detection" content="telephone=no"

meta name= "format-detection" " content="email=no"

meta name="format-detection" content="adress=no"

次のように書くこともできます:meta name="format-detection" content="telephone=no, email=no ,adress=no"

以下は、各設定の役割の詳細な説明です:

1. 電話

リンクスタイルを追加せずに数字の文字列を明確に記述した場合、iPhoneは自動的にリンクスタイルを追加しますテキストを入力し、この番号をクリックすると、その番号に自動的にダイヤルされます。このダイヤルアップ リンクを削除するにはどうすればよいですか?この時点で、メタはその魔法を再び発揮するはずです。コードは次のとおりです。

telephone=no は、番号をダイヤルアップ リンクに変換することを禁止します。
telephone=yes は、番号のダイヤルアップ リンクへの変換をオンにします。変換機能をオンにするには、このメタを記述する必要はありません。デフォルトでオンになっています。

2. 電子メール

は、電子メール アドレスを認識しないようにデバイスに指示し、クリックしても自動的には送信されません。

email=no は電子メール アドレスとして禁止されています。
email=yes は、メール アドレスとしてデフォルトのテキストをオンにします。このメタはデフォルトでオンになっています。

3. adress

adress=no 地図へのジャンプは禁止です!
adress=yes は、住所をクリックして地図に直接ジャンプする機能をオンにします。これはデフォルトでオンになっています。

モバイル H5 ヘッダー定義スタイルに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート