根據分辨率更改網頁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 */ 
}