タブレットで見たとき右側が切れたりするときに使うやつ。結構便利。
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>