Single vs multiple stylesheets in responsive web design

by

Stylesheets are always downloaded, regardless of the current media, whether it be screen, print, or 3D-glasses.

See: Why do all browsers download all CSS files – even for media types they don’t support?

So with that in mind, keeping them all in one stylesheet will reduce http requests, where as separate stylesheets will always create more requests with no benefit.

More Related Contents:

  1. Why does the order of media queries matter in CSS?
  2. Common breakpoints for media queries on a responsive site
  3. Should I use max-device-width or max-width?
  4. Common CSS Media Queries Break Points [duplicate]
  5. What are the rules for CSS media query overlap?
  6. CSS media queries – Order matters?
  7. Responsive css styles on mobile devices ONLY
  8. Which are the most important media queries to use in creating mobile responsive design?
  9. How to make responsive table [closed]
  10. How to code CSS media queries targeting ALL mobile devices and tablets?
  11. How can I avoid media query overlap?
  12. Bootstrap – Removing padding or margin when screen size is smaller
  13. Media Queries – Mobile vs Desktop Browser
  14. Making an iframe responsive
  15. Media query to detect if device is touchscreen
  16. CSS media query to target only iOS devices [duplicate]
  17. What does @media screen and (max-width: 1024px) mean in CSS?
  18. Responsive CSS triangle with percents width
  19. CSS native variables not working in media queries
  20. Swap DIV position with CSS only
  21. Responsive Images with CSS
  22. CSS media queries min-width and min-device-width conflicting?
  23. calc() not working within media queries
  24. Detect if a browser in a mobile device (iOS/Android phone/tablet) is used
  25. how to make responsive website for all devices [closed]
  26. Set div height equal to screen size
  27. How do I combine two media queries?
  28. Bootstrap Responsive Text Size [duplicate]
  29. @import styles not working in a media query
  30. @media query not working in mobile. Works fine in Chrome

Leave a Comment