WEBデザインの勉強

初心者が1からWEBデザインを勉強するブログ。

viewportの設定

viewport

Windowの表示領域を設定する。
スマートフォンサイトを制作する際に設定する。

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

width=device-width

端末の幅に合わせる

initial-scale

ズーム倍率

minimum-scale

最上縮小率の設定

maximum-scale

最大倍率の設定

user-scalable

ユーザーがズームできるか否か
yesまたは1でズーム可
noまたは0でズーム不可