cargar css para movil

Sofmundi · #1 (**permalink**) 19/07/2011, 08:44

tengo el siguiente codigo

Código HTML:

<link href="CSS/estilo.css" rel="stylesheet" type="text/css" media="screen" />
<link href="CSS/movil.css" rel="stylesheet" type="text/css" media="handheld" />

el cual lo tengo ubicado de esta forma

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>.::Sistema de Inventario::.</title>
[B]<link href="CSS/estilo.css" rel="stylesheet" type="text/css" media="screen" />
<link href="CSS/movil.css" rel="stylesheet" type="text/css" media="handheld" />[/B]
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="JS/validacion.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body>

la cuestion es que cargo la pagina desde mi nokia 5530 y desde emuladores para movil y no resulta, tengo creado el archivo movil.css donde tengo mis CSS y para ver si me funcionaba solo le cambie el color a un clase h2, hay alguna forma para que se ejecute gracias

Tedel · #2 (**permalink**) 19/07/2011, 09:12

Descartemos lo obvio: ¿El navegador de tu celular baja la versión para móviles de tu página web? La última versión de Opera Mini te deja elegir si quieres descargar la versión normal o la versión para móviles.

Si el usuario no usa la configuración para móviles de una web, me temo que no hay nada que puedas hacer para forzarla. Es su elección, al final de las cuentas.

Sofmundi · #3 (**permalink**) 19/07/2011, 10:37

Descartemos lo obvio ?? Que respuesta, lo obvio es que no estaba realizando lo que se necesitaba que era <link media="only screen and (max-device-width: 640px)" href="CSS/movil.css" type="text/css" rel="stylesheet" /> decirle el tamaño para que cargara y listo ya probado

minmax · #4 (**permalink**) 23/07/2011, 12:13

Muy buena! Las Media Queries de CSS3

En vez de crear un CSS distinto para cada uno y cargarlo dependiendo del tamaño de la pantalla también puedes hacerlo directamente sobre el mismo archivo CSS.

Te pongo un enlace a una página que lo tiene implementado de esta forma por si le quieres echar un vistazo

http://ie.microsoft.com/testdrive/HTML5/CSS3MediaQueries/Default.html

Tedel · #5 (**permalink**) 24/07/2011, 19:20

jajaja... No era para ofenderte. No tienes idea de cuánta gente falla en lo obvio, en realidad.

Sofmundi · #6 (**permalink**) 05/09/2011, 23:16

Cita:

Iniciado por Tedel

jajaja... No era para ofenderte. No tienes idea de cuánta gente falla en lo obvio, en realidad.

jajajaja, fresco, pero si la respuesta fue como un "OBVIA" pero si lo pude resolver gracias :D