Prefixy a Flex Box

pytanie zadane 24 maja 2015 w HTML i CSS przez tarnasm Gaduła (3,030 p.)
edycja 24 maja 2015 przez tarnasm

Hej,

Powiedzcie proszę, czy przy konstruowaniu witryny responsywnej z użyciem box/flex-box powinienem zwrócić uwagę tylko na zastosowanie odpowiednich prefixów dla typów przeglądarek czy są tez inne aspekty których nie można pominąc. Dlaczego pytam. Otóż trafiłem na typowy scenariusz typu strona się rozjeżdża. Jedankże pisząc ją na PC w szkole wszystko było ok i to na różnych wersjach przeglądarek. Natomiast odpaliłem CODEPEN(bo tego edytora uzyłem) w domu i jest totalna rozsypka a dokładniej DIV-y się nie układają pod sobą a ściaśniają i nachodzą na siebie.

EDIT: Dodam, że strona rozsypuje się przy zmianach szerokości przeglądarki. Tak jakby MediaQ nie działały.

Pozdrawiam

tarnasm

4 odpowiedzi

odpowiedź 24 maja 2015 przez Comandeer Guru (601,490 p.)

odpowiedź 24 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

Ustaw zwijanie menu dla rozdzielczosci <768px bo tekst nachodzi na siebie

Przy >520px formularz wygląda źle, prosty <br> powinien naprawić

Poza tym u mnie wszystko wygląda w porządku

komentarz 24 maja 2015 przez tarnasm Gaduła (3,030 p.)

Formularz to inna bajka bo dopiero go wstawiłem więc będzie całkiem inaczej wyglądał. Kwestia jest tego typu, że przy Pixelach < 1050 "On-Line Shop" powinno byc na górze a "menu" na dole czyli oba divy w pozycji 'center'. Jest inaczej.

PS. Dlaczego akurat 768? nie powino się zaookrąglać do 800px i pod tą rozdzielczośc budowac DIV'y?

komentarz 24 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

Tak mniej więcej się prezentują szerokości urządzeń, ja prawie zawsze operuje na 768

http://blog.eduweb.pl//wp-content/uploads/2012/08/12.jpg

komentarz 25 maja 2015 przez tarnasm Gaduła (3,030 p.)

Jeżeli dobrze widzę po tej tabeli to dla rozdzielczości od 1024 do 1280 powinny byc osobne MQueries i dla 1280 wzwyż osobne?

komentarz 25 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

Nie, to wszystko zależy od sytuacji i tego na jakich rozdzielczościach strona zaczyna się "rozwalać". Nie musisz wcale ustawiać tego dokładnie na 768, jeżeli menu jest długie ustawia się na większych wartościach i analogicznie jeżeli jest mniejsze.

odpowiedź 24 maja 2015 przez Tomatosoup Pasjonat (18,530 p.)

odpowiedź 24 maja 2015 przez tarnasm Gaduła (3,030 p.)

Też myślałem, że to wina CPEN, ale potem wrzuciłem kod do Brackets'a i zrobiłem test na 3 przeglądarkach O/Chrome/Saf.

Oto KOD źródłowy;

http://codepen.io/tarnasm/pen/JdRdem?editors=010