Ver Mensaje Individual
  #9 (permalink)  
Antiguo 15/09/2011, 05:54
Avatar de _cronos2
_cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 13 años, 10 meses
Puntos: 310
Respuesta: Cambiar estilos según resolución de página

Cita:
Cita:
<link href="estilo.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1280px)"/>

<script type="text/javascript">
function fnc() {
if (screen.width == 1280) {
var diana = document.getElementsByTagName('link')[0];
diana.media = 'all';
}
}

window.onload = function() {fnc()};
Posible optimización
Cita:
<link href="estilo.css" rel="stylesheet" type="text/css" media="only screen and (max-width: 1280px)"/>

<script type="text/javascript">
function fnc() {
if (screen.width <= 1280) { // <= por si acaso, ¿no?
var diana = document.getElementsByTagName('link')[0];
diana.media = 'all';
}
}

window.onload = fnc; // Me gusta más usar el handler a secas XD
PD: Yo también creo que debería comprobar con PHP el navegador para no usar código para nada.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red