RWD- media queries czy java script ?

pytanie zadane 6 marca 2019 w HTML i CSS przez ricksanchez1943 Początkujący (260 p.)

Witam,

Co według Was będzie najlepszym rozwiązaniem do tworzenia responsywnych stron internetowych media queries w CSS czy dostosowywanie zawartości strony do rozmiaru okna przeglądarki za pomocą JS ? A może znacie inne rozwiązania, które z chęcią poznam ?

2 odpowiedzi

odpowiedź 6 marca 2019 przez Comandeer Guru (604,920 p.)
wybrane 6 marca 2019 przez ricksanchez1943

Najlepsza

Ani to, ani to. Obecnie bardzo dużo rzeczy można zrobić wykorzystując flexboxa i CSS Grid. Media queries w takim wypadku są potrzebne wyłącznie do sterowania wyglądem elementów, które w zależności od ilości miejsca na ekranie powinny zupełnie inaczej wyglądać (np. menu – rozwinięte na dużych ekranach i schowane za hamburgerem na mniejszych). Dużo można też zrobić przez samo przejście na jednostki relatywne.

komentarz 6 marca 2019 przez ricksanchez1943 Początkujący (260 p.)

Tak właśnie o to mi chodziło. Źle sformułowałem pytanie. Co mniałem dokładnie na myśli to za pomocą czego dostosowywać zawartość do rozmiaru okna a nie samo rozłożenie elementów. Czyli do tego zadania media queries nie są niczym niepraktykowanym ani przestarzałym? Jak myślisz co jest lepsze jednostki relatywne, js czy queries właśnie ?

komentarz 6 marca 2019 przez Comandeer Guru (604,920 p.)

Zależy do czego. Obydwie te rzeczy służą do czegoś innego. Jednostki relatywne pozwalają skalować cały layout w odniesienie do wielkości fonta. Z kolei media queries pozwalają całkowicie zmienić wygląd elementu w momencie, gdy ekran będzie miał odpowiednią wielkość.