hello foo bar Saba note | タブレットで見たときのViewportの調整

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

2016.7.25 (月)

タブレットで見たとき右側が切れたりするときに使うやつ。結構便利。
PCとスマホとタブレットと3つのデザインを作るのが非常に面倒なので、タブレットのデザインをそのまま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>