Most used media queries for smarthphones and tablets?

Question

Right now, I'm using this one for tablets:

@media screen and (max-width: 960px) {
}

and this one for smarthphones:

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

I want to keep it simple and use only two. What are the most used media queries for smarthphone and tablet?

See the info on [natural breakpoints here](http://stackoverflow.com/a/20350990/123033). — Dave Everitt, Mar 27 '14 at 17:15

score 0 · Answer 1 · answered May 13 '13 at 15:11

I would use for mobile devices:

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px)

AND for tablets:

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)

Didn't see the date posted...a little out of date.

1 Answers1