Cita:
Iniciado por javy7v 
En mi caso de momento para no complicarme he tirado de algo como esto:
Código:
<link href="../css/estiloGeneral.css" rel="stylesheet" type="text/css" media="screen and (min-width: 481px)" />
Y para aplicar el CSS hecho directamente para movil
Código:
<link href="../css/movil.css" rel="stylesheet" type="text/css" media="handheld, only screen and (max-device-width: 480px)" />
Si no es por el algoritmo de google disculpa ;)
Como leí que olvidara que resolución llevan los moviles y mirar donde queda bonito.
Los media queries de maquetación importante son estos solo:
- Basico para todos (moviles chicos incluido) una columna
- @media screen and (min-width: 426px){ una columna
- @media screen and (min-width: 601px) {dos columnas
- @media screen and (min-width: 846px){tres columnas sin el menu que tiene ancho fijo
- @media screen and (min-width: 990px) { el original con tres columnas y su menu
Los que no llevan menu llevan el menu de eso que se abre, y tambien el buscador.
Los demas queries son para cositas sin importancia