CSS - wyświetlanie menu
Witam,
znów utknąłem....
Jak zrobić pseudo menu w CSS składające się z 3 pozycji, dostosowane pod PC i mobile?
Tzn chcę, żeby w przypadku pecetów wyświetlało się w rzędzie, a na mobile'ach jako pozycje jedna pod drugą.
Coś takiego, jak ma bootstrap, tyle że szerokość okna w którym będzie ono użyte to 587px.
I chciałbym, jeżeli nie zmieści się najmniejszy kawałek z niego, to żeby wyświetlał się element pod elementem
(jak ul->li)
Co rozumiesz przez mobile? Parę lat temu media queries pod najpopularniejsze fony wyglądały tak, dziś nawet nie pytaj ;)
http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
I chciałbym, jeżeli nie zmieści się najmniejszy kawałek z niego, to żeby wyświetlał się element pod elementem
Tego do końca nie rozumiem :(
Generalnie powinieneś być w stanie to okiełznać używając media queries w CSS, jak ustawisz li display na inline-block to masz to responsywne już natywnie (linki zaczną się wyświetlać pod sobą jak zabraknie im miejsca).
media queries to jasne.
Ja mam problemy z podstawami CSS :)
Efekt przed i po - dowolne załamanie transformuje to w jedną kolumnę
No dobra - to ostatnie pytanie związane z media queries.
Jak z poziomu Javascript pobrać informację, jaki layout jest w tym momencie wybierany?
Mam skrypt, który odpowiednio obsługuje Modala Bootstrapowego o szerokości powiedzmy 500px.
Jak ustalić, jaki tryb wyświetlania jest użyty? Np wyświetlanie w szerokości 320px (iPhone 4 załóżmy)?
GRYOnline.pl:
tvgry.pl:
