Semplice pagina HTML statica, resizing browser?

[stexman]

Salve ragazzi,

sono un super dilettante che fino a qualche anno fa si creava qualche paginetta html semplice semplice da solo.

Diciamo che poteva anche andare fino a qualche anno fa, ma devo portare a termine un progetto per un amico entro oggi.

Fatta pagina HTML semplice semplice, ma il problema sono gli innumerevoli devices con risoluzioni diverse sulla quale la pagina dovrà essere visualizzata.

Come fare un resizing automatico in base alla risoluzione de browser che carica la pagina?

Css? Frameworks? Php? Ho letto di questo su alcuni forum US, ma non ci capisco niente di tutto ciò.

Comprendo che non è poi nulla di troppo complicato, qualche riga di codice e tutto si risolve, ma per un super principiante come me è davvero molto complesso.

C'è qualcuno che può aiutarmi in tutto ciò?

Grazie di cuore!

[afer]

Ciao,

puoi gestire tutto "semplicemente" con i css. Il principio da seguire è la realizzazione di stili specifici per le differenti risoluzioni alle quali il tuo sito potrà essere visualizzato.

Ad esempio considerando l'ottimizzazione per smartphone, impostiamo gli stili del sito in modo appropriato per una larghezza massima della pagina di 480px. Pensando invece alla migliore visualizzazione per tablet, modifichiamo appropriatamente i valori degli stili per una larghezza massima pari a 768px.

In pratica, per ogni "step" di risoluzione (breakpoint) devi creare un gruppo di stili con i valori appropriati.

Qui trovi una bella guida che ti spiega passo passo come fare http://www.html.it/guide/responsive-...sign-la-guida/

Conoscendo già html e css per te non sarà nulla di così nuovo.

Ciao!

[ac_socmel]

qualche riga di codice e tutto si risolve

qualche migliaio forse
ed entro oggi sicuramente no

[Al_katraz984]

un modo semplice e veloce è quello di prendere il tuo css e di modificare tutte le dimensioni portandole in percentuale.

width e heigth in % su tutti gli elementi.