モバイル 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.

手順:

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

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

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

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

使用法:

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">

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