Snippet: kiedy media queries nie działają na responsywnej stronie na urządzeniu mobilnym

Rzecz super prosta, ale zaczynając przygodę z responsive można o tym zapomnieć. Media queries w CSS to rzecz jasna i o nich się pamięta. Na desktopowej przeglądarce skalujemy przeglądarkę i wszystko działa. Gorzej jest, kiedy zaczniemy testować stronę na urządzeniu – okazuje się, że telefon czy tablet skalują stronę. To oznacza, że zapomniałeś o tym kawałku kodu w sekcji head:

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

Ta linijka informuje przeglądarkę o tym, że nie powinna skalować strony. I gotowe :)