Вариант подключеня разных стилей для определённого разрешения экрана с помощью js

                        
<script type="text/javascript">

if (screen.width <= '1024') {document.write ('<link href="main1024.css" rel="stylesheet" type="text/css">');

}

else {if (screen.width > '1024') {document.write ('<link href="main.css" rel="stylesheet" type="text/css">'); }   }

</script>