dev.kokushin

HTML5、CSS3、JavaScriptを中心に、日々のプログラミングで得た知識をメモしています。

JavaScriptでviewportを動的に切り替えるTips

f:id:kokushin:20160408103917p:plain

レスポンシブ対応したいときに、タブレットだけはPC表示がいい!って時ありますよね。
そんな時はJavaScriptで動的にviewportの横幅を指定してあげましょう。

$("meta[name='viewport']").attr('content', 'width=1080');

上記のコードを、タブレットの時だけ判別して実行させます。
UA判別に使えるJSコードは W3G さんのスニペットがオススメです。

w3g.jp

ま、ホントはPHPとかサーバー側でソースコードごと書き換えちゃうのがベストなんですけどね。