Javascript i Media Queries - pline

[Kartofelek]

Wyliczanie pxlowe jest błędne bo różni się od tego co daje CSS. Czasami pasek jest wliczany, czasami nie itp. Widziałem do tego biblioteki które to niby naprawiały, ale ogólnie były z tym problemy? Nie wiem dokładnie czemu tak się dzieje i czy zawsze takie problemy występują, ale pal licho to. Istnieje lepsza metoda:

Za pomocą media quersies zmieniasz jakiś obiekt (np pokazujesz responsywne menu, zmeiniasz szerokość itp). Przy window resize sprawdzasz ten element (jego widoczność itp) i wykonujesz odpowiednie akcje. Dzięki temu masz oddzielone skrypty od warstwy wizualnej (tylko w css masz ustawione punkty przejścia dla media queries).

Kod:

#xxx {displany:none;}

@media only screen and (min-width: 600px) {
    #xxx {display:block;}
}



$(window).resize(function() {
      if ($('#xxx').is(':visible')) {.............} else {...........}
});