Spisu treści:
Definicja - Co oznacza responsive web design (RWD)?
Responsive web design (RWD) to podejście do tworzenia i projektowania stron internetowych, którego celem jest tworzenie witryn zapewniających wydajne i atrakcyjne wrażenia wizualne z tekstem łatwym w nawigacji bez zmiany rozdzielczości ekranu wyświetlacza.
Ta funkcja rozciąga się na dowolne urządzenie lub przeglądarkę używaną do przeglądania strony internetowej, co oznacza zmianę wyglądu i układu strony w zależności od wielkości ekranu wyświetlacza.
Techopedia wyjaśnia Responsive Web Design (RWD)
RWD służy do dostosowania układu strony do środowiska przeglądania użytkownika za pomocą płynnych i proporcjonalnych siatek, elastycznych obrazów oraz inteligentnego CSS i użycia skryptu.
RWD stosuje następujące metody:
- Płynne siatki, w których zmienia się rozmiar elementów za pomocą jednostek względnych, takich jak procenty, w porównaniu do jednostek bezwzględnych, takich jak standardowe pomiary i piksele
- Elastyczne obrazy, które są również wielkości w jednostkach względnych
- Zapytania o media kaskadowego arkusza stylów (CSS), które pozwalają stronie internetowej określić typ urządzenia, rozmiar ekranu i możliwości przeglądarki, umożliwiając dostarczanie różnych reguł stylu opartych na tych cechach
- Komponenty po stronie serwera z zapytaniami o media, które umożliwiają szybsze ładowanie stron internetowych - nawet przy niższych prędkościach danych komórkowych
