Responsive menü, avagy kisebb felbontásnál előugró ||| menü, amire kattintva előugrik az előugró menü, hogyan, cssben lehetséges?

Szerintem ilyesmire gondolt:

[link]

Ha elég szemfüles vagy, akkor célszerű az ilyen oldalak kódját tanulmányozni (html és css forrás), mivel a responsive design ezekre alapul, és minden trükk elleshető a forrás tanulmányozásával.

Az olyan oldalak, ahol ez esetleg js segítségével van megoldva, nem igazi reszponzív oldal, csak webtákolmány.

Itt van sok jól megoldott reszponzív oldal tanuláshoz:

[link]

Sok sikert!

lényegében arról szól, hogy van egy alap, ami a föbb struktúrákat, alap betűszín, hátteret tartalmazza...

Majd min-width -el szépen ki van szedve hogy addig a felbontásig hogy kezelje, rendezze el, majd a következő min-width az előző elemeit írhatja felül, vagy bővítheti...

egy rövid pl.

html, body { font-size: 12px; color: #555; background-color: #FFF; }

/* Mobilra */

@media only screen and (min-width: 400px) {

html, body { font-size: 11px; color: #333; }

}

/* Kisebb tablet, nagyobb mobil -ra */

@media only screen and (min-width: 600px) {

html, body { font-size: 12px; color: #444; }

}

/* Itt a tébla gépekre */

@media only screen and (min-width: 790px) {

html, body { font-size: 14px; color: #555; }

}

/* Innentől normál méretű monitorokra... */

@media only screen and (min-width: 1000px) {

html, body { font-size: 16px; color: #000; }

}