HTML/モバイル対応 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• HTML/モバイル対応 へ行く。
• HTML/モバイル対応 の差分を削除

&tag(HTML/モバイル対応);
*目次 [#p3097442]
#contents
*関連ページ [#qfaabdf4]
*参考情報 [#if1e6746]
-[[モバイル フレンドリー テスト:https://www.google.com/webmasters/tools/mobile-friendly/?hl=ja]]…Googleのチェックツール。

*viewportに関して [#reb33612]
**参考情報 [#r011b4c0]
-[[もう逃げない。HTMLのviewportをちゃんと理解する - Qiita:http://qiita.com/ryounagaoka/items/045b2808a5ed43f96607]]
-[[これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ - てっく煮ブログ:http://tech.nitoyon.com/ja/blog/2013/02/15/viewport/]]

**概要 [#p888214a]
-スマホのWeb ブラウザがPC用サイトを表示すると、横幅980pxを縮小表示してしまう。
-ビューポートを指定するとその幅で描画される。
#pre{{
<meta name="viewport" content="width=480">
}}
-このとき、実際のデバイスのディスプレイのほうが広いと拡大表示される。ディスプレイのほうが小さいとはみだす(?)。
-以下の指定でデバイスの幅と一致することになる。
#pre{{
<meta name="viewport" content="width=device-width,initial-scale=1">
}}