ホームページ > ウェブフロントエンド > H5 チュートリアル > モバイル HTML5 メタタグの魔法の効果_html5 チュートリアル スキル

モバイル HTML5 メタタグの魔法の効果_html5 チュートリアル スキル

WBOY
リリース: 2016-05-16 15:46:14
オリジナル
1791 人が閲覧しました

モバイルサイトを作成する場合、訪問者が見やすいページのシンプルさや操作のしやすさに加えて、メタタグの設定も適切に行うことでモバイルの検索エンジン最適化が向上します。ウェブサイトとモバイルブラウザの表示は非常に役立ちます。デスクトップ プラットフォームの Web レイアウトのメタ タグは、常に head 要素内に配置されていることによく知られています。今日は、モバイル プラットフォームのメタ タグについて説明します。モバイル プラットフォームにおけるメタ タグの魔法の効果とは何ですか?
1. メタのビューポート
モバイル プラットフォームのメタ タグに関しては、ビューポートについて話さなければなりません。
ビューポートは、デスクトップ ブラウザの場合、すべてのツールバー、ステータス バー、スクロール バーなどを削除した後に Web ページを表示するために使用される領域を指します。
。従来の Web ページの場合、iPhone では幅 980 が表示されるのが通常であり、画面全体にも表示されますが、Web アプリの場合、通常、Web アプリの幅は 980 です。ポートレート モードで 100cm、320 の場合、iPhone では 320 のページがどのように表示されますか? iPhoneの幅は320mmではなく、画面いっぱいに収まるはずだと思う人もいるかもしれませんが、実際はどうなのでしょうか?次のレイアウトが iPhone でどのように表示されるかを見てみましょう

コードをコピーします
コードは次のとおりです:



メタ ビューポート