VIEWPORTに悩まされる

そういえばiOS10でuser-scalable=noが効かなくなりましたね。

とある案件で、インデックスで最初のアクセスはスマホ表示されるが、他ページに遷移後、リンク遷移でインデックスに戻るとPC表示されてしまう事象に。

iOS9、Android4系での現象。

CSS(メディアクエリ)を疑い、読み込み位置を変えたり、まとめたりしたものの変化なし。

よくよくソースを見てみると、viewportの設定が無い。

ホゲェー

で、さらに読み込んでいくとどうやらjQueryで制御している模様。

だがしかし、bodyの文末直前で読み込ませてやがる。

あーこれかーと、head内で制御しようかと思ったものの、普通にviewport追加すればいいんじゃね?ということで見事に解決した。

DOM構成した後にviewportを書き換えて、レガシーな環境で再レンダリングしないのかと。

こんなんで2時間も費やしてしまった。。