tag_html/css_WEB-ITnose

1.viewport

モバイルブラウザの表示を最適化できます。 Web サイトが応答しない場合は、初期スケールを使用しないか、スケーリングを無効にします。
ほとんどの 4.7 ～ 5 インチ デバイスのビューポート幅は 360 ピクセルに設定され、5.5 インチ デバイスは 400 ピクセルに設定され、iPhone6 plus は 414 ピクセルに設定されます。

//レスポンシブデザインのサポートを示します

width:ビューポートのサイズを制御するには、600 などの値、またはデバイスの幅である device-width などの特別な値を指定できます (単位は 100% にズームしたときの CSS ピクセルです)。
高さ: 幅に対応し、高さを指定します。
initial-scale: 初期スケーリング比。ページが初めてロードされたときのスケーリング比です。
maximum-scale: ユーザーがズームできる最大スケール。
minimum-scale: ユーザーがズームできる最小スケール。
user-scalable: ユーザーが手動でズームできるかどうか (user-scalable=no//user-scalable=0、ユーザーは手動でズームすることを許可されません)

注: コンテンツ内の複数の属性の設定は、カンマ + で区切る必要がありますスペース、標準化されていないと機能しません

WebApp フルスクリーンモード: 偽装アプリ、オフラインアプリケーション

ステータス バーを非表示にする/ステータス バーの色を設定する: WebApp フルスクリーン モードが有効な場合にのみ有効です。コンテンツの値はデフォルトです black-translucent

ホーム画面

の後のタイトル

数字を無視して電話番号として自動的に認識します

メールの識別を無視する

追加スマートアプリ広告バナー スマートアプリバナー: この Web サイトに対応するアプリをブラウザーに伝え、ページ上にダウンロード バナーを表示します

Webページ関連

エンコーディングの宣言

<meta charset='utf-8' />

IE、Chromeの最新版の使用を優先

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /><!-- 关于X-UA-Compatible --><meta http-equiv="X-UA-Compatible" content="IE=6" ><!-- 使用IE6 --><meta http-equiv="X-UA-Compatible" content="IE=7" ><!-- 使用IE7 --><meta http-equiv="X-UA-Compatible" content="IE=8" ><!-- 使用IE8 -->

ブラウザカーネル制御：国内ブラウザ多数デュアルコア (Webkit と Trident) を備えており、Webkit カーネルは高速ブラウジングに使用され、IE カーネルは Web ページや古い Web サイトと互換性があります。メタ タグを追加する Web サイトは、ブラウザがどのカーネル レンダリングを選択するかを制御できます。

国内デュアルコアブラウザのデフォルトのカーネルモードは以下の通りです:

1. Sogou高速ブラウザ、QQブラウザ: IEカーネル(互換モード)
2. 360スピードブラウザ、Aoyouブラウザ: Webkitカーネル(スピードモード) )

ブラウザーがローカル コンピューターのキャッシュにあるページ コンテンツにアクセスできないようにする: この設定を使用すると、訪問者はオフラインで閲覧できなくなります。

 <meta name="renderer" content="webkit|ie-comp|ie-stand">

Windows 8

<meta http-equiv="Pragma" content="no-cache">

サイト適応: 主にPCとモバイルのページ対応に使用されます。

<meta name="msapplication-TileColor" content="#000"/> <!-- Windows 8 磁贴颜色 --><meta name="msapplication-TileImage" content="icon.png"/> <!-- Windows 8 磁贴图标 -->

トランスコーディング ステートメント: Baidu で Web ページを開くとトランスコードされる可能性があります (広告の投稿など)。トランスコーディングを回避するには、次のメタ

<meta name="mobile-agent"content="format=[wml|xhtml|html5]; url=url"><!--[wml|xhtml|html5]根据手机页的协议语言，选择其中一种；url="url" 后者代表当前PC页所对应的手机页URL，两者必须是一一对应关系。 -->

2.Content-Type と Content-Language (表示文字セット設定) を追加できます。

説明: ホームページの作成に使用されるテキストと言語を記述するためにページで使用される文字セットを設定し、ブラウザはこれに基づいてページのコンテンツを表示するために対応する文字セットを呼び出します。

使用法:

娉