PCとiPadのレイアウトを同じにする

なぜ？

スマホとPCだけで手一杯。
タブレットのレイアウトなんか作ってらんない！

やり方

タブレットで見たときにviewportを削除すればよいだけの話。

JavaScript

viewportを記述しているところに以下を置換

  <script type="text/javascript">
    if ((navigator.userAgent.indexOf('iPhone') > 0) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
      document.write('<meta name="viewport" content="width=device-width">');
    }else{
      document.write('');
    }
  </script>

userAgentでユーザーがどんな媒体でアクセスしているか取得できるらしいです。

以上