Tag: HTML/モバイル対応
関連ページ†
参考情報†
viewportに関して†
参考情報†
- スマホのWeb ブラウザがPC用サイトを表示すると、横幅980pxを縮小表示してしまう。
- ビューポートを指定するとその幅で描画される。
<meta name="viewport" content="width=480">
- このとき、実際のデバイスのディスプレイのほうが広いと拡大表示される。ディスプレイのほうが小さいとはみだす(?)。
- 以下の指定でデバイスの幅と一致することになる。
<meta name="viewport" content="width=device-width,initial-scale=1">
Last-modified: 2022-04-11 (月) 15:28:11