iPadで端が切れたり余白できたり。。スマホとiPadでviewport設定をjsで振り分ける

  • 2020.10.15
  • Web
NO IMAGE
クレーム対応でipad対応をしました。
色々試した結果、vewportをデバイスで切り替える方法が簡単そうでした。これで全案件ipad対応できるかも。
<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,user-scalable=yes,maximum-scale=2">');
    }else{
        document.write('<meta name="viewport" content="width=910,user-scalable=yes,maximum-scale=2">');
    }
</script>
※width=910, の数値をサイトによって変える。