Change web CSS depending on resolution

Question

So, I made 2 CSS files for my website, normal.css and widescreen.css, i'd like my website to use a different CSS file depending on the resolution, normal.css in normal case, and widescreen.css assuming that the screen width is bigger than 1280

Thanks

fenix · Accepted Answer · 2013-07-21 02:21:56Z

2

Supported by most modern browsers. Note this wouldn't work with IE8 or lower I believe.

@media screen and (min-width: 1024px){
  /* CSS here */
}
@media screen and (max-width: 1024px){
  /* CSS here */
}

answered Jul 21, 2013 at 2:21

fenix

16411 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user2603344 Over a year ago

Yeah.. That should do. Thanks!

Collectives™ on Stack Overflow

Change web CSS depending on resolution

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related