iPad画面でPCと同じ画面を強制的に表示するコード

今回はiPad画面を強制的にPCと同じ画面で表示させるコードを紹介します。

 

以下のコードで一発です。

$(function() {
var ua = navigator.userAgent;
  if ((ua.indexOf('iPhone') > 0) || ua.indexOf('iPod') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0)) {
    $('head').prepend('<meta name="viewport" content="width=device-width,initial-scale=1">');
  } else {
    $('head').prepend('<meta name="viewport" content="width=1250">');
  }
});

 

iPhone、iPod、Androidなどのモバイルからの表示ならビューポートは画面幅に依存し、それ以外ならビューポートを1250にしています。

ビューポートを設定したmetaタグをjQueryのprepend()で追加すればokですね。