PCやスマートフォンで挙動を変えたい時は以下のようにJavaScriptを記述すると便利です。
$(function () { var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('iphone') > 0 || ua.indexOf('ipod') > 0 || ua.indexOf('android') > 0 && ua.indexOf('mobile') > 0) { // スマートフォンの場合実行 } else if (ua.indexOf('ipad') > 0 || ua.indexOf('android') > 0) { // タブレットの場合実行 } else { // PC用の場合実行 } }) コード選択コード選択
デバイスの分類を細かく分けたい時は以下のようになります。
$(function () { var ua = navigator.userAgent.toLowerCase(); if (ua.indexOf('iphone') > 0 ) { // iPhoneの場合実行 } else if ( ua.indexOf('ipod') > 0) { // iPodの場合実行 } else if ( ua.indexOf('android') > 0 && ua.indexOf('mobile') > 0) { // モバイルのAndroidの場合実行 } else if (ua.indexOf('ipad') > 0) { // iPadの場合実行 } else if ( ua.indexOf('android') > 0) { // Androidのモバイル以外の場合実行 } else { // PC用の場合実行 } })
このような条件分岐とブラウザの判定を入れると、ほぼ網羅できると思われます。