Testo responsive
Elemento da creare
Titolo responsive
Allarga e stringi la finestra del browser per vedere i font in scala.
Codice HTML
<h1 style="font-size:8vw;">Titolo responsive</h1> <p style="font-size:2vw;">Allarga e stringi la finestra del browser per vedere i font in scala.</p>
Codice CSS
/* If the screen size is 601px wide or more, set the font-size of <div> to 80px */ @media screen and (min-width: 601px) { div.example { font-size: 80px; } }/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */ @media screen and (max-width: 600px) { div.example { font-size: 30px; } }