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.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -