Projektowanie responsywne

Projektowanie responsywne to podejście do tworzenia stron internetowych, dzięki któremu ich układ dostosowuje się do rozmiaru ekranu — od szerokich monitorów stacjonarnych po wąskie ekrany telefonów. Strona responsywna zmienia układ i rozmiar treści za pomocą elastycznych układów oraz reguł CSS, zamiast udostępniać osobną witrynę mobilną.

Wymaga ono, aby strona prawidłowo deklarowała swój obszar wyświetlania: bez tej deklaracji przeglądarki mobilne renderują stronę ze stałą szerokością przypominającą komputerową, a następnie zmniejszają ją, aby dopasować ją do ekranu. To całkowicie niweczy responsywny układ i zmusza odwiedzających do przybliżania i oddalania widoku gestem szczypania.

Dowiedz się więcej

• Responsywne projektowanie stron internetowych - przewodnik MDN po technikach projektowania responsywnego
• Obszar wyświetlania
• CSS