Hola, mira eso de los 'em' o los porcentajes esta bien, solo que a veces igual no funciona correctamente, si sabes algo de php podrias ocuparlo como yo para construir tu archivo CSS tal como se hace para escribir HTML o lo que sea, y llamar un archivo PHP en lugar de el CSS, seria algo como lo siguiente:
Código HTML:
<link rel="stylesheet" href="style.php" type="text/css" />
a partir de eso pues es obio que puedes hacer algo asi
Código HTML:
<link rel="stylesheet" href="style.php?var=123" type="text/css" />
enviar una variable por el metodo GET
y solo restaria saber con que resolucion nos vamos a 'pelear',
eso seria algo asi
Código HTML:
<head>
<script language = "JavaScript">
if (screen.width == 800)
document.write('<link rel="stylesheet" href="site_style.php?width=800" type="text/css" />');
if (screen.width == 1024)
document.write('<link rel="stylesheet" href="site_style.php?width=1024" type="text/css" />');
</script>
</head> o incluso simplemente
Código HTML:
<script language = "JavaScript">
document.write('<link rel = "stylesheet" " href = "style.php?width=',screen.width,' type = "text/css" />');
</script> y para terminar en tu archivo CSS-PHP intercalarias algo asi
Código PHP:
if($_GET['width'] == '1024')
echo "width : 584px;";
if($_GET['width'] == '1280')
echo "width : 840px;";
para cierta regla que definas, espero que te sirva y a otros mas, por cierto lo descubrí YO SOLITO ehh ehh ehh jeje. bueno ahí les dejo el tip.