A todos nos pasa cuando visitamos una pagina su hoja de estilo no esta preparada para nuestra resolucion de pantalla, en WP existen plugins para cambiar el estilo del blog como WP Style Switcher donde el visitante elige un estilo de una lista.
Mi intencion es que el navegador configurara automaticamente segun la resolucion de pantalla del visitante una hoja de estilo para ver correctamente la pagina, mejorando la usabilidad.
Estuve varios dias mirando como hacerlo en php rebuscando entre mis apuntes y codigos recopilados pero lo unico que encontre en javascript, argh! solo tuve que reutilizarlo y modificar algunas cosillas.
Para los que no sepan javascript el funcionamiento de este codigo es muy sencillo y simple: en la variable estilo se almacena el nombre de la hoja de estilo segun la resolucion de la pantalla, en este caso estilo1.css (para 800×600) y estilo2 ( para 1024×768), en la variable url tenemos la direccion donde estan esas hojas de estilo.
Solo teneis que cortar y pegar entre del tag head y como un javascript:
if (window.screen) {
var estilo;
var url = '< ?php bloginfo('url'); ?>‘+’/style/’;
if (screen.width < = 800) estilo = 'estilo1.css';
else estilo = 'estilo2.css';
document.write ('