width e max-width a confronto su una pagina responsive

Area dedicato ai CSS
Rispondi
Avatar utente
alex75
Amministratore
Amministratore
Messaggi: 4703
Iscritto il: 23/08/2012, 23:45
Link del Forum: www.phpbb-store.it
Località: Palermo

width e max-width a confronto su una pagina responsive

Messaggio da alex75 »

Fino ad oggi eravamo abituati a dare delle dimensioni ben precise ai nostri recipienti <div> usando la proprietà "width".

Codice: Seleziona tutto

div.esempio1 {
    width: 600px;
    margin: auto;
    border: 3px solid #336699;
}
Ma in un web ormai responsive a 360 gradi, avrete certamente notato quanto sia orribile vedere dei contenuti che escano dalle pagine dei nostri smartphone o tablet.
Ecco che entra in gioco la proprietà "max-width".

Codice: Seleziona tutto

div.esempio2 {
    max-width: 600px;
    margin: auto;
    border: 3px solid #336699;
}
In questo modo avremo un recipiente che si stringerà insieme al browser e che si allargherà fino ad una misura massima (nell'esempio di 600 pixel).
Regolamento Forum
Programmi utili
Le nostre guide
Scambio Banner
Se l'assistenza prestata è stata di tuo gradimento potrai contribuire aiutandoci a sostenere le spese affrontate per tenere in vita questo forum >Cliccando sul seguente Link<
Rispondi