HTML
Mobile

モバイルでのレイアウト制御のタグ

More than 1 year has passed since last update.

モバイル対応のタグ宣言

毎回モバイル対応のタグを書き忘れてしまうのでメモ。。。

・以下のタグをheadに記載

<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=10.0, user-scalable=yes">

・ちょっとした説明
viewport: 表示するサイズの設定
width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=10.0,: サイズに関する記述
user-scalable=yes: モバイルの幅で表示させた後は拡大・縮小は出来ない設定

以上