&tag(HTML/モバイル対応); *目次 [#p3097442] #contents *関連ページ [#qfaabdf4] *参考情報 [#if1e6746] *viewportに関して [#reb33612] **参考情報 [#r011b4c0] -[[もう逃げない。HTMLのviewportをちゃんと理解する - Qiita:http://qiita.com/ryounagaoka/items/045b2808a5ed43f96607]] -[[これがスマートフォン向けサイトを作るときの viewport 設定3パターンだ - てっく煮ブログ: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"> }}