0 szavazat
által 

1 válasz

0 szavazat
(220 pont) által 

Szia!

A mobile-first elv azt jelenti, hogy úgynevezett media query-vel megmondjuk az oldalunknak, hogy mekkora felbontáson hogy nézzen ki.

Példa:

Az alábbi kódrészlet 480px-től ( ez a mai átlagos mobiltelefonok szélességi felbontása ) felfelé minden

legyen piros.
@media only screen and (min-width : 480px) {

 p {  color:  red; }

}

Viszont mi van akkor, ha tableten kéket szeretnénk? Az alábbi módon fog kinézni a kód:
@media only screen and (min-width : 768px) {
p { color: blue; }

}

Természetesen ilyenkor mobilon piros, tableten és onnantól felfelé pedig kék. Ha mást akarunk asztali felbontáson, akkor újabb media query-ket kell hozzáadjunk. Persze a valóságban nem feltétlen betűszínt szoktunk felbontáshoz igazítani, hanem inkább

szélességeket, elrendezést stb.
...