Esto te puede ayudar
es u njava script que detecta la resolución y en base a esto linkea a uno u otro css.
Lo que sigue dentro de tu head
Código:
<script type="text/javascript">
<!--
var ancho='';
ancho=screen.width
if (ancho ==640){
alert('Se advierte que para ver correctamente el contenido de nuestras páginas\nrequiere de una configuración de pantalla minima de 800x600 pixeles');
document.write ('<link rel=\"stylesheet\" href=\"800.css\">');
}
if (ancho ==800){
document.write ('<link rel=\"stylesheet\" href=\"/800.css\">');
}
if (ancho >=1024){
document.write ('<link rel=\"stylesheet\" href=\"1024.css\">');
}
// -->
</script>
Luego te creas 800.css y 1024.css con las especificaciones para cada caso, anchos, tamaños de fuente, lo que desees. Por supuesto que esto te obliga a crear dos imágenes. Y que tu visitante no ande presionando cualquiera de estos botones mágicos que tienen los nuevos navegadores que te eliminan los estilos, te deshabilitan java script, o las animaciones, imágenes o vaya a saber que.
saludos