根据分辨率更改Web CSS

Question

所以，我为我的网站制作了两个CSS文件，normal.css和widescreen.css，我希望我的网站根据分辨率使用不同的CSS文件，普通情况下使用normal.css，以及broadscreen.css假设屏幕宽度大于1280

由于

Answer 1

大多数现代浏览器都支持。请注意，这不适用于IE8或更低版本。我相信。

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