Vaata CSS-i:
.nav { flex-direction: column; }.nav { flex-direction: column; }  @media (min-width: 768px) {@media (min-width: 768px) { .nav { flex-direction: row; } .nav { flex-direction: row; }}}
Milline lähenemine see on ja miks?

Question

Vaata CSS-i:

.nav { flex-direction: column; }.nav { flex-direction: column; }  @media (min-width: 768px) {@media (min-width: 768px) { .nav { flex-direction: row; } .nav { flex-direction: row; }}}

Milline lähenemine see on ja miks?

Accepted Answer

Mobile-first — põhistiil kirjutatakse mobiilile, suuremad ekraanid saavad lisareeglid  min-width  päringutega; mobiilisikasutajale laaditakse vähem CSS-i

Answer

Desktop-first — mobiilisikasutajad saavad suurema CSS-i

Answer

Progressive enhancement — JavaScript lisab stiilid dünaamiliselt

Answer

Kohenduv disain — iga seadme jaoks on eraldi HTML-fail

Crowdly

Vaata CSS-i: .nav { flex-direction: column; } .nav { flex-direction: colum...

Want instant access to all verified answers on moodle.taltech.ee?