The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Breakpoints? Re: Breakpoints?


TECHNICALLY and THEORETICALLY, breakpoints don’t really have to be pixel-exact.

For example, if you want a difference between iPhone portrait (320px) and iPhone landscape (480px), you can set your breakpoint anywhere in between, since iPhone doesn’t have any mode where it’s anywhere between those two values.

This would work for iPhone landscape mode:

@media only screen and (min-width : 321px) {
/* Styles */

But this would have the exact same effect:

@media only screen and (min-width : 479px) {
/* Styles */

In both cases, that’s the style you’ll see when the iPhone is in landscape mode (and any resolutions higher than that).

Again, all theoretically and very specific, and should NOT be used like this — just pointing out that it’s not necessarily required to be *exact* about the common break points, and this is just an extremely limited example case to show you can use different values.

I would still use the reference that @Paulie_D mentioned above.