Viewport

Strona responsywna to taka, która wygląda dobrze na wszystkich urządzeniach i automatycznie dostosowuje się do różnych rozmiarów ekranu.

Kiedyś tworzono specjalną wersję strony dla urządzeń mobilnych - m.domena.com, obecnie wszystko dzieje się za pomocą HTML i CSS.

Aby utworzyć responsywną stronę musimy przekazać informację o tym, że strona ma być responsywna do naszego pliku HTML.

Pierwszym krokiem będzie dodanie wewnątrz taga head:

1<meta name="viewport" content="width=device-width, initial-scale=1.0">

Przed:

Po: