Skip to main content
formatação
Fonte Link
rubStackOverflow
  • 7,5mil
  • 13
  • 44
  • 89
  1. Você não precisa de um "min-width: 0px""min-width: 0px" se você já está dizendo que seu "max-width""max-width" é 320px320px. O CSSCSS vai servir pra qualquer dispositivo que tenha até 320px320px.

  2. Você tem um media query que vai de 320px a 480px320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320pxmax-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:

    @media screen and (min-width: 321px) and (max-width:480px) { {...} }

  1. Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.

  2. Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:

    @media screen and (min-width: 321px) and (max-width:480px) { {...} }

  1. Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.

  2. Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:

    @media screen and (min-width: 321px) and (max-width:480px) { {...} }

Fonte Link
Anna
  • 141
  • 1

  1. Você não precisa de um "min-width: 0px" se você já está dizendo que seu "max-width" é 320px. O CSS vai servir pra qualquer dispositivo que tenha até 320px.

  2. Você tem um media query que vai de 320px a 480px, portanto, tudo o que estiver dentro desse query irá sobrescrever o que estiver dentro da sua query com max-width de 320px, já que ambas tem o mesmo valor. O correto é que você faça uma query de:

    @media screen and (min-width: 321px) and (max-width:480px) { {...} }