I'm m coding my first responsive site and have decided to use 3 different CSS files that will use media queries. I was just wondering what is the typical width of the screen for a smart-phone, tablet and monitor? Are there typical values that coders use? Any other tips would be greatly appreciated! Regards
Asked
Active
Viewed 189 times
0
-
Really depends on your audience, but there are several good questions already on StackOverflow regarding the topic and a Google search will yield rewards. – Jasper May 20 '14 at 20:31
1 Answers
1
I've found this post to be very helpful in getting a sense of standard, baseline media queries for various devices. Bear in mind that screen resolutions are all over the map these days, no matter the device size, and you should strive for general fluidity even beyond these basic breakpoints.
nickpish
- 839
- 4
- 24
- 43
-
-
-
1Oh, and make sure you're using a [viewport meta tag](https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag) as well in conjunction with the media queries! – nickpish May 20 '14 at 21:27