モバイル Web ページ制作の理解 (関連するメタ タグ)_html/css_WEB-ITnose

最近、モバイル開発フレームワークである JQuery Mobile について調べています。正直に言うと、本当に頭が痛いです~~~~ たくさんのプロパティ、メソッド、イベントが含まれているからです~~~

ここでいくつかの理解を示します。モバイル Web ページの数:

1.

次のメタ タグをモバイル Web ページの先頭に追加します。モバイル wap2.0 Web ページの場合、ページは iPhone のブラウザで元のサイズで表示され、拡大縮小は許可されません。

width - 幅ビューポートの高さ - ビューポートの高さ
initial-scale - 初期ズーム率
minimum-scale - ユーザーがズームできる最小比率
maximum-scale - ユーザーがズームできる最大比率
user-scalable - ユーザーが手動でズームできるかどうか

2.

HTML ページが携帯電話で閲覧される場合、このタグはダイヤルされたときに Web ページのコンテンツに携帯電話番号を表示するかどうかを指定するために使用されます。

iPhone のデフォルト値は次のとおりです:

電話で Web に電話番号を自動的に表示したくない場合ページをダイヤルされたスーパー リンクとして設定するには、次のように記述できます:

Three、

説明: Web サイトでは、Web アプリ プログラムのサポートが有効になります。

4.

手順:

Web アプリ アプリケーションの下のステータス バー (画面の上部バーの色;

デフォルト値はデフォルト (白) で、黒 (黒) および黒半透明 (グレー半透明) に設定できます。

注: 値が「黒半透明」の場合、ページのピクセル位置を占め、ページの上に浮かび上がります (ページの高さ 20 ピクセルをカバーしますか? iPhone4 と itouch4 の Retina 画面は 40 ピクセルです)。

！ ！ ！ ！ Apple Web アプリのその他の設定:

もちろん、以下に示すように、Web アプリのアイコンと起動インターフェイスを設定するには、両端に追加のコードが必要です:

0d3e6fbf3d86dafd347f1b643214867b

説明: このリンクは、スタートアップのセットアップ (写真 5)、ロード強度の配置は上記と同様です。

使用法:

このパスについて注意する必要があるのは、このパスは Web サイトのドキュメント ルート ディレクトリの下に配置されるが、サーバーのドキュメント ルート ディレクトリの下には配置されないということです。

公式には起動インターフェースのサイズは320*640(px)である必要があると規定されており、当初Retinaスクリーンは2倍のサイズをサポートできると考えていましたが、サポートされておらず、画像が表示されません。

5. 「ホーム画面に追加」後、全画面表示
このメタの機能は、デフォルトの Apple ツールバーとメニュー バーを削除することです。 content には「yes」と「no」の 2 つの値があります。ツールバーとメニューバーを表示する必要がある場合、デフォルトではこの行を追加する必要はありません。

//メールは認識されません
デバイスは、ページ上の番号を電話番号として認識することを無視します。
iO​​S の場合は rel="apple-touch-icon" を、Android の場合は rel="apple-touch-icon-precomposed" を使用します。このようにして、ユーザーが Web ページをブックマークとして保存すると、携帯電話の HOME インターフェイス上にアプリケーション スタイルのアイコンを作成できます。

- -------------------------------------------------- -------------------------------------------------- -----------------

< ;meta name="フォーマット検出" content="telephone=no">

--------------- -------------------------------------------------- -------------------------------------------------- --------