【JavaScript】iPadだけviewportを固定してPC表示にするやつ

レスポンシブだけど、iPad(タブレット)ではPCの縮小表示にしたい。
あると思います。

僕は基本WordPress使いなので、phpでviewportを場合分けしていたんですが、phpを使わない場合はJavaScriptでもできます。




実装

htmlのhead内は、スマホ向けにこうしておきましょう

JavaScriptでユーザーエージェントを判別し、iPadの場合だけmeta viewportを書き換えます。

jQueryと違って早いので、ページ読み込み時に一瞬だけなんかおかしい!ということも軽減されます。iPad以外では動かないしね。

現場からは以上です。

シェアしてくだちい

フォローしてくだちい