PC(タブレットも)とスマホでviewportの指定を振り分ける
基本的にviewportは1行だけの指定でいいけど、たまに振り分ける必要があったり。その場合の処理をメモ。
<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,initial-scale=1.0">');
} else {
document.write('<meta name="viewport" content="width=1000,initial-scale=1.0">');
}
</script>