html - Css Media Queries Resolution Issue -

i wondering how can use css media queries detect screen resolution , make different page load if screen resolution under 1024x768? need know if can place query in master.css script? or need placed?

sitemap (without java included)

• index.html (main page)
• about.html (about page)
• missing.html (404)
• small.html (the smaller version trying load)
• ie8.css (conditional css internet explorer 8)
• master.css (main stylesheet)

you can serve different styles page based on width of browser viewport in various ways, such this:

@media screen , (max-width: 1024px) {   styles here } 

you can put anywhere in style sheets.

be aware, though, can't use media queries load different page. that, you'd need kind of device detection script.