Dimensione font vw troppo piccole su telefono

[he-man]

Ciao!
Sto cercando di impostare con i css le dimensioni di titolo e motto in un sito Wordpress ma con vw ottengo su smartphone un testo troppo piccolo, c'� una regola per non farlo rimpicciolire oltre una dimensione assegnata?

Grazie

[KillerWorm]

Ciao puoi impostare dei breakpoint per una dimensione minima del viewport, in cui definire ad esempio delle regole per il font-size.
In alternativa puoi usare le nuove funzioni min(), max() oppure clamp() per stabilire dei valori minimi e massimi da considerare per il tuo font-size.

Vedi questo articolo su css-tricks.com: How Do You Do max-font-size in CSS?

[he-man]

Grazie, ho approfondito un po' i tuoi suggerimenti ma non sono riuscito ad ottenere il risultato cercato

.extra a { 
  color: #fff;  font-size:1.5vw !important; 
} 
.@media screen and (min-width: 400px) and (max-width: 1024px) {
.extra a {
font-size:2vw !important; 
}
}

[KillerWorm]

.@media

Occhio, hai messo un punto di troppo prima di @media.
Scritto in quel modo, tale selettore rappresenterebbe il nome di una classe ma ovviamente non è una classe; il punto non ci va.

[he-man]

Grazie!! Mi hai aiutato a fissare davvero 'un punto' fondamentale!!