Você pode setar através da chamada do CSS qual arquivo será carregado dependendo da resolução do usuário, da seguinte forma:
<link rel=”stylesheet” media=”screen and (max-width: 600px)” href=”pequeno.css” />
<link rel=”stylesheet” media=”screen and (min-width: 600px)” href=”grande.css” />
Facil né?