Link copiato negli appunti
L'ultimo articolo di Digital Web Magazine presenta una tecnica basata su Javascript e CSS per adattare in maniera indolore il layout di un sito alla risoluzione dello schermo. Tutto nasce, stando all'autore, dalla necessità di prendere sempre più in considerazione le alte risoluzioni degli schermi wide dei portatili (ma non solo, il mio iMac Intel ha un monitor di questo tipo, per dirne una) senza voler trascurare quanti viaggiano ancora a basse risoluzioni.
La parte Javascript si limita a rilevare la risoluzione dello schermo, per poi servire un CSS ad hoc per ciascuna situazione. Nei fogli di stile, poi, si gioca con float
e width
per aggiustare tutto. Ecco un esempio.