Ciao dufresne, per nascondere modificare i DIV o altri elementi da Mobile devi applicare delle media query al tuo CSS, oppure fare il riconoscimento dello user-agent dell'utente (tramite Javascript o PHP) ed applicare nuove regole on-site. non c'è bisogno di caricarne uno a parte.. Poi se proprio insisti puoi pure farlo.
Con le media Query:
// L'utente visualizza da Mobile, inserisci la condizione che se la larghezza è almeno 360px aggiungi/modifichi regole CSS esistenti.
// Il tuo DIV ha classe .miodiv
@media(max-width: 500px){
.miodiv{display:none;}
}
Con questa sintassi dici che .miodiv, nel caso in cui si trovi su uno schermo da 500px in giù si nasconde.
Con PHP:
Scarichi da questo sito questa classe PHP e la includi nella tua pagina
mobiledetect.net/
Scrivi prima della fine del body, nella tua pagina:
<?php
require_once 'Mobile_Detect.php'; //includi lo script
$detect = new Mobile_Detect; // crei l'oggetto
// Any mobile device (phones or tablets).
if ( $detect->isMobile() ) {
echo '<script>$(".miodiv").remove();</script>'; //rimuovi tramite il riconoscimento PHP il div con jQuery
}
?>
con jQuery:
if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPod/i) || navigator.userAgent.match(/BlackBerry/) || navigator.userAgent.match(/Windows Phone/i) || navigator.userAgent.match(/ZuneWP7/i) ) {
$(".miodiv").remove();
}
Diciamo che la strada più semplice è CSS, molto più veloce! Ma in alcune occasioni potrebbe servirti un controllo più preciso oltre alla risoluzione!
