How would you write media queries for multiple screen sizes?

Question

If i want

body {font-size:18 px} for 1900 and above

body {font-size:16 px} for 1024 and 1900

body {font-size:14 px}

Answer 1

You could use media queries. For example your font size for 1024 to 1900 would be set like this:

@media screen and (max-width: 1900px){
    body{font-size:16px;}
}

For a more thorough explanation see responsive web design: http://www.alistapart.com/articles/responsive-web-design/