Testo responsive

Titolo responsive

Allarga e stringi la finestra del browser per vedere i font in scala.

<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>

/* 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;
 }
}