Számít hogy milyen sorrendben írom a media query-ket?
Nem emlékszem pontosan, de mintha a tanárom azt mondta volna, hogy a legnagyobb pixeltől a legkisebbik kell rendezni őket.
De máshol meg pont az ellenkezőjét olvasom, viszont nekem úgy nem akar működni.
Most van ahol össze-vissza van, van ahol legnagyobbtól a legkisebbig írtam, és mindenhogy működik jó.
Szóval jó ha így csinálom?
@media only screen and (max-width: 1000px) {
.blabla{
}
}
@media only screen and (max-width: 700px) {
.blablaa{
}
}
Szóval legnagyobbtól lefelé.
válasza:Ami kesobb van CSSben az felulirhatja a felette levot, ha ugyan arra az elemre igaz.
A pelda kododdal 500 pixeles widthnel mi dketto igaz, ezert a kesobbi fog ervenyesulni. Igy a jo, vagy megadsz max-widthet is naluk es akkor mar nem lehet mindketto igaz.
válasza:Akkor így már érthető, köszi a válaszokat, mentek a pacsik:)
Több angol oldalon nézegettem, de mindenhol az ellenkezőjét írták, szóval kicsit megkavarodtam benne. De így már okés.
válasza:Akkor kell fordítva írni (kisebbtől nagyobbig) ha min-widthet adsz meg, és mobile first szemlélettel készíted az oldalt.
Tehát először mobilra készíted el, és abból kiindulva egyre nagyobb felbontásokra optimalizálod, így már nem baj, sőt még hasznos is, hogy érvényes a felette lévő és csak amit kell felülírsz. Jelenleg ez a divat / bevett szokás, csak nem jutott eszembe említeni.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!