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