Strony internetowe które zoptymalizowano pod kątem wyświetlania na różnych urządzeniach, nazywamy responsywnymi (RWD,  Responsive Web Design)

Potrzeba responsywności stron wynika z różnych rozdzielczości oraz proporcji ekranów urządzeń (komputer, tablet, smartfon) na których może być wyświetlana strona WWW. Wymusza to na twórcach stron WWW dostosowanie ich do różnego typu urządzeń.

Responsywność strony internetowej to nic innego, jak zdolność dopasowywania się naszej witryny do urządzenia, na którym jest wyświetlane. To cecha strony www, która ma niebagatelne znaczenie nie tylko dla jej użytkowników, ale i pozycji, na jakiej pokazuje się ona w wynikach wyszukiwania Google.

 Dopasowanie

Responsywna strona internetowa określana jest także skrótem RWD, którego rozwinięcie to Responsive Web Design. Istotą takiego rozwiązania, jest fakt, że taka witryna będzie płynnie dopasowywała się do ekranu, na którym jest wyświetlana. Tym samym, nie będzie miało znaczenia, czy jest to smartfon, tablet, laptop, komputer stacjonarny, czy nawet telewizor w rozdzielczości 4K. Responsywna strona internetowa za każdym razem wyświetli się w odpowiedniej rozdzielczości, dzięki czemu korzystanie z niej będzie przyjazne dla użytkownika. Poszczególne elementy odpowiednio zmienią miejsce, a witryna będzie czytelna.

 Ma to niebagatelne znaczenie w dzisiejszych czasach, kiedy nasi klienci poszukują informacji o usługach i produktach, czy składają zamówienia nie tylko w zaciszu swojego gabinetu, czy domu, ale i w pociągu, samochodzie, czy poczekalni u lekarza. Zastosowanie RWD jest więc działaniem poprawiającym jakość użytkowania naszej witryny.

Przykładowe wykonanie zadania (zmieniaj szerokość okna przeglądarki i zaobserwuj jak zachowuje się tekst oraz obrazek poniżej prawo.