O tym narzędziu
Komponuj responsywne zapytanie @media, wybierając min-width, max-width lub zakres oraz orientację, z gotowymi ustawieniami urządzeń jednym kliknięciem, a następnie skopiuj opakowanie. Wszystko działa w Twojej przeglądarce.
Najczęściej zadawane pytania
Jaka jest różnica między min-width a max-width?
min-width stosuje style przy tej szerokości i powyżej (mobile-first), podczas gdy max-width stosuje je przy tej szerokości i poniżej.
Jak działają gotowe ustawienia urządzeń?
Każde ustawienie wypełnia typowe punkty graniczne — mobilny do 767px, tablet 768–1023px i desktop od 1024px — które możesz następnie dostroić.