Изменить веб-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 */ 
}