根据分辨率更改网页CSS

Question

因此，我为我的网站制作了2个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 */ 
}