Dimensione testo adattabile

[icobi]

Ciao a tutti!

sto cercando di realizzare una pagina con il fluid grid layout di Dw cs6

è da un po di giorni che ci sbatto la testa e inizio a capire qualcosina

ma:

vorrei che i miei testi si ridimensionino in base alla dimensione della finestra e alla risoluzione del dispositivo...

è possibile usando solo css?

[KillerWorm]

Ciao, da quel che so, non è possibile farlo solo con i css (almeno fino ad oggi).
Esiste sicuramente qualche js o qualche plugin jquery che ti permette di farlo facilmente. Ad esempio FitText

Era già stato consigliato in qualche discussione sul forum: http://forum.html.it/forum/showthrea...readid=1498960

Vedi se può andare.

[icobi]

lo temevo...

va bè... grazie!

[Camarillo]

Ciao icobi.

Non so se è quello che cerchi, ma qualcosa si può fare utilizzando i font-size in rem, un'unità di misura che fa riferimento al tag html. Ovvero una cosa del genere:

html {
  font-size: 14px;
}

p {
  font-size: 14px; // fallback x IE8 e precedenti
  font-size: 1rem; // = 14px
}

@media screen and (min-width: 1280px) {
  html {
    font-size: 16px;
  }
}

A questo punto, quando la finestra ha dimensioni superiori a 1280px, il valore base dei rem cambia, e di conseguenza cambia anche la dimensione del testo dei paragrafi (1rem non è più uguale a 14px, ma a 16).

Svantaggi? Incompatibilità con internet explorer 8 e precedenti (e anche Opera mini, ma è trascurabile...), quindi è necessario dare un fallback in pixel ad ogni misura in rem.

[icobi]

grazie proverò!