few general questions about media queries?

  • Hello,
    1-I see some media queries is writen like this: 

    
@media (min-width: 321px ) and (max-width: 375px) {
  
}

    I want to know why it starts with 321px and not with 320px?
    why this 1 pixel I mean 321px?
    what s the benefit of this 1 px (321px)?

    2- I see also some use min-width and other max-width and onother use min-width and max width
    I want to know which of this 3 has more benefit of the other.
    I want to know in which postion you use min-width and in which position you use max-width. and in which position you use mn-width and max width?
    very short explanation is enough!
    thanks
    johan

    • This topic was modified 5 years, 3 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not an Everything else WordPress topic
Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    In order to keep yourself from going crazy, it’s best to pick one “direction” (max or min) and stick with it and not mix them.

    “min” is a “mobile first” orientation. The media queries tell you what to do as the screen gets wider. “max” is “desktop first” and tell you what to do as the screen gets narrower.

    Thread Starter johannes999

    (@johannes999)

    thanks
    johan

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘few general questions about media queries?’ is closed to new replies.