Czym jest Responsive Web Design?

Czasami, w skrócie RWD, responsive web design jest metodą tworzenia stron internetowych, tak aby dopasowywały się do urządzenia wyświetlającego dokument. Na przykład, gdy użytkownik przegląda stronę internetową na komputerze stacjonarnym, często ma duży ekran z czcionką od 12 do 18 punktów. Jednak gdy ta sama witryna jest wyświetlana ze smartfona lub tabletu, jest zmniejszana. Mimo że ekran może być nieco bliższy, zawartość jest znacznie mniejsza; dlatego należałoby go dostosować, aby użytkownik mógł mieć lepsze wrażenia podczas przeglądania.

Jak to działa?

Responsywne projektowanie stron internetowych wykorzystuje procentowe pomiary elementów HTML, więc odpowiednio skalują, a nie przy stałych pomiarach. Dodatkowo reguła @media jest używana do wywoływania specjalnych ustawień CSS na podstawie urządzenia; zwykle w zależności od szerokości przeglądarki.

Akronimy komputerowe, terminy internetowe, Pixel, Point, projektowanie stron internetowych, warunki projektowania stron internetowych