head要素内でmeta name="viewport"...を使用する理由
デバイスごとにサイズを調整するのに記述が必要。
application.html.erb
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
【解説】
content="width=device-width
横幅をデバイスの幅に合わせるという意味です。
initial-scale=1
倍率を指定するもの
maximum-scale=1
最大倍率を示す
レスポンシブの対応を行うために必要のため記述を行う。