スマホサイト用のviewport定番設定

goto_jp 309views 更新:2014年6月23日

これでほぼ間違いなし。

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

ピンチ操作によるズームを許可したい時は下記のように「user-scalable」を変える。
(スマホ専用レイアウトにしている時点でズームは無い方が良いように思われますが)

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

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません