HTML/モバイル対応 の履歴(No.1)

• 履歴一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• HTML/モバイル対応 へ行く。
  • 1 (2016-01-07 (木) 02:31:31)

Tag: HTML/モバイル対応

目次†

関連ページ†

参考情報†

viewportに関して†

参考情報†

• もう逃げない。HTMLのviewportをちゃんと理解する - Qiita
• これがスマートフォン向けサイトを作るときの viewport 設定３パターンだ - てっく煮ブログ

概要†

• スマホのWeb ブラウザがPC用サイトを表示すると、横幅980pxを縮小表示してしまう。
• ビューポートを指定するとその幅で描画される。

  <meta name="viewport" content="width=480">
  

• このとき、実際のデバイスのディスプレイのほうが広いと拡大表示される。ディスプレイのほうが小さいとはみだす(?)。
• 以下の指定でデバイスの幅と一致することになる。

  <meta name="viewport" content="width=device-width,initial-scale=1">