Viewportの使い方

スマホでPC用サイトを見たときに、縮小されることを防ぐ。
またフォームのテキストフィールドにフォーカスした場合、強制的に拡大されるのも防ぐ。
指定できる属性としては
width:幅
height:高さ
initial-scale:倍率の初期値
mininum-scale:倍率の最小値
maxinum-scale:倍率の最大値
user-scalable:拡大・縮小操作の可否
target-density-dpi:DPIの指定(Androidのみ)
initial-scale=1.0がある場合、480px、
ない場合は320pxが適用される。
initial-scale=1.0がないと強制的に拡大されるため、
必要以上に拡大されることがあるため注意。

タイトルとURLをコピーしました