Forum Gry Filmy i Seriale Tech Ogólne Archiwum Regulamin

Forum: CSS - wyświetlanie menu

10.11.2014 13:24
legrooch
1
legrooch
241
MPO Squad Member

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)

10.11.2014 21:39
legrooch
2
odpowiedz
legrooch
241
MPO Squad Member

Łup?

10.11.2014 22:58
3
odpowiedz
b212
134
Generał

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).

10.11.2014 23:40
legrooch
4
odpowiedz
legrooch
241
MPO Squad Member
Image

media queries to jasne.
Ja mam problemy z podstawami CSS :)

Efekt przed i po - dowolne załamanie transformuje to w jedną kolumnę

12.11.2014 17:01
legrooch
5
odpowiedz
legrooch
241
MPO Squad Member

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)?

Forum: CSS - wyświetlanie menu