根据分辨率更改web CSS

Question

所以，我为我的网站做了两个CSS文件，normal.css和widescreen.css，我希望我的网站使用一个不同的CSS文件，根据分辨率，normal.css在正常情况下，widescreen.css假设屏幕宽度大于1280

谢谢

Answer 1

大多数现代浏览器都支持。注意:我认为这不适用于IE8或更低版本。

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