HTMLモバイルWebサイトに追加する必要があるメタタグ-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLモバイルWebサイトに追加する必要があるメタタグ

黄舟

Jun 29, 2017 pm 01:26 PM

html 必要

1. モバイル Web サイトに追加する HTML5 関連のメタとタグ
a. Web ページの幅はデフォルトで画面の幅と等しく (width=device-width)、初期のスケーリング率は (初期値) -scale=1) は 1.0、つまり Web ページの初期サイズが画面領域の 100% を占めます。

<meta name="
viewport
" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">

ログイン後にコピー

    <meta name="apple-mobile-web-app-capable" content="yes">

ログイン後にコピー

<meta name="apple-mobile-web-app-status-bar-style" content="black" />

ログイン後にコピー

==================
面白い方法もあります
html5を作成するときに見つけました一言で言うと以下の通りです

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

ログイン後にコピー

このように書くことで得られる効果は、GCF (Google Chrome Frame Google Embedded Browser
Framework) がインストールされている場合、GCF がページのレンダリングに使用されます。インストールされていない場合、GCF がページのレンダリングに使用されます。 GCF がインストールされている場合、レンダリングには最新バージョンの IE カーネルが使用されます。このプラグインはユーザーの IE ブラウザ
を変更しないままにできますが、ユーザーが Web を閲覧するとき、実際には Google Chrome ブラウザコアを使用しており、IE6、7、8 などの複数のバージョンの IE ブラウザをサポートしています。

以上がHTMLモバイルWebサイトに追加する必要があるメタタグの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明

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