Strona w technologii RWD

Question

Witam,mam pewnie pytanie.Czy do zrobienia responsywnej strony wystarczą reguły media queries czy konieczne jest użycie np.bootstrapa?

Answer 1

Wystarczą. Przypuszczam że Bootstrap jest zbudowany na ich podstawie.

Answer 2

Tak po prawdzie wystarczyć mogą nawet zwykłe procenty. Nie ma ogólnej reguły do tworzenia stron RWD. De facto użyty sposób zależy od samego projektu.

Comments

Najprostszym sposobem na stworzenie responsywnego  layautu jest podzielenie strony na kolumny o szerokościach określonych wartościami procentowymi. Jest to tzw. projektowanie elastyczne (eng.responsive design). Takie layauty nazywa się płynnymi. Do tego stosuje się płynne obrazy oraz płynną typografię. Oczywiście należy jeszcze wyłączyć skalowanie na przeglądarkach mobilnych, czyli zastosować element <meta content="initial-scale=1.0" name="viweport">

Niestety w małym oknie liczne kolumny stają się żenująco wąskie, ścieśniając tekst i obrazy do nieczytelności. W bardzo dużym oknie kolumny staja się przygnębiająco szerokie. Aby zapobiec takiemu zjawisku używa się zapytań medialnych. Ta właściwość CSS3 pozwala dynamicznie zmieniać formatowanie dla różnych urządzeń  i ustawień wyświetlania.

źródło - HTML5 nieoficjalny podręcznik Matthew MacDonald.