1. ホーム
  2. CSS
  3. タブレットで見たときのViewportの調整

タブレットで見たときのViewportの調整

タブレットで見たとき右側が切れたりするときに使うやつ。結構便利。
PCとスマホとタブレットと３つのデザインを作るのが非常に面倒なので、タブレットのデザインをそのままPCのデザインで代用できます。

<script>
var ua = navigator.userAgent;
if(ua.indexOf('iPad') > 0 || (ua.indexOf('Android') > 0 && ua.indexOf('Mobile') < 0)) {
    // タブレット
    document.write('<meta name="viewport" content="width=[PCの幅],user-scalable=no">');
}else{
    // その他
    document.write('<meta name="viewport" content="width=device-width,user-scalable=no,maximum-scale=1.0">');
}
</script>

Related posts:

Last update: 2016.07.31 (日)
CSS | Javascript
くそー久しぶりに予約語にはまったぞ。っぽい名前は使わないのが吉。 @osamthing

  • Frequently used items

  • Upate

  • Pages

  • Category

  • Tag cloude

    AngularJS Apache API AWS Backend Bash Blog CakePHP3 CentOS6 CentOS7 Command CSS Design Development Editor Framework GCP Git github Google htaccess Javascript jQuery Laravel Linux Mac MySQL Network nginx node.js Operation PHP rewrite Ruby on Rails Security SEO Shell Silex SSH SSL Symfony2 Tools Website Wordpress xampp

  • Else Contents

  • アーカイブ