Kuwaambatana: Matukio ya kina msingi
- Kichwani Inahusu orodha ya kina ya kina
- Pya Inahusu matukio ya maelezo
Mafunzo ya kufikia matukio ya CSS kwa uharibifu.
Hello World
Tunakuridhika ukurungatia wa ufunguo wa mkononi, naona kama ukurungatia wa fonti unaonyesha.
Ukurungatia wa fonti wa kina msingi
Ukurungatia wa matukio unaoweza kutumia: vw Kwa ufikia maelezo, kina msingi ina maana ya "kina msingi".
Kwa hivyo, ukurungatia wa matukio yanaendelea na ukurungatia wa ufunguo wa mkononi:
<h1 style="font-size:8vw;">Hello World</h1> <p style="font-size:2vw;">Tunakuridhika ukurungatia wa ufunguo wa mkononi, naona kama ukurungatia wa fonti unaonyesha.</p>
Madoa:Kina msingi ni ukurungatia wa ufunguo wa mkononi.1vw = 1% ya kina msingi. Ikiwa kina msingi kina umbo 50 mita, ni: 1vw kwa 0.5 mita.
Kuongeza ukurungatia wa fonti kwa media query
Wewe wengi wengi unaoweza kutumia media query kuongeza ukurungatia wa fonti ya kipimo kina msingi:
Inafikia ukurungatia ukufikia ukubadilika kwa ukurungatia wa fonti.
/* If the screen width is 601px or more, set the <div> font-size to 80px */
@media screen and (min-width: 601px) {
div.example {
font-size: 80px;
}
}
/* If the screen width is 600px or less, set the <div> font-size to 30px */
@media screen and (max-width: 600px) {
div.example {
font-size: 30px;
}
}
Paje za kina
Mafunzo:CSS Font
Mafunzo:CSS Media Query
- Kichwani Inahusu orodha ya kina ya kina
- Pya Inahusu matukio ya maelezo
