Ciao a tutti, sto pasticciando con js/jquery perchè volevo far caricare un css specifico conforme il viewport.

o quindi pensando di recuperare le dimensione dello schermo tramite js

con screen.width;

e del viewport: jQuery(window).width();

su monitor PC nessun problema pare...
provando invece con il mio HTC Desire S (Android 2.3.5 - risoluzione 800x480)

l'alert mi da misure assurde...533x260 ....
identiche sia come appunto dimensioni schermo e dimensioni window...

alert("W:" +screen.width + " - WJreal:" +jQuery(window).width() + " - WI: " +window.innerWidth + " - WCreal: " +document.getElementsByTagName("body")[0].clientWidth );


facendo uno screenshot... e misurando... non so proprio dove le prenda quelle misure, visto che se misuro il viewport viene 800x354

ho provato anche ad inserire tutto in una funzione e a far eseguire tutto con un certo ritardo

setTimeout(cssScript, 200);

Ma niente.. tutto uguale.

suggerimenti ?


PS
l'idea di fare un piccolo script per caricare il css giusto è nata dal fatto che provando ad usare le media-query
<link rel='stylesheet' media='screen and (min-width: 601px) and (max-width: 960px)' href='css/medium.css' /

ho visto che i css vengono scaricati tutti... (pesando sul caricamento della pagina)

con l'idea dello script js, caricavo invece solo il css che mi serviva.