2017/06/04

viewportの挙動不審を改善した話

上記のようにviewportを設定してデバイス幅にフィットするように記述したがChromeデベロッパーツールで確認するとdeviceがiphoneのとき、表示が拡大されてしまうことがある。

原因はわからないがググってみると検証を行い、改善策を教えてくれている記事があった。

検証・改善の記事:viewportの指定はどうするのが適切なのかいろいろ検証してみた

viewportの設定は以下のように決定。

初期ズームと最小ズームを1倍に設定。

iphoneでもデバイス幅にフィットして表示されるようになりました。

(Visited 156 times, 1 visits today)