Celular "viejo" no reconoce media queries

[leyman07]

Hola, quise hacer una página que se adapte a celulares y otros dispositivos, pero al probarla en un celular un poco viejo ya (Nokia 5230 del 2009) no se adapta. Hice la prueba con la ventana del navegador y sí se adapta bien como quise una columna debajo de otra, también probé en algunos sitios que dicen comprobar como se ve en una tablet, smartphone, etc y se adapta bien. En conclusión ¿Será problema del celular viejo o me falta algo en el código? En el mismo celular otras páginas las he visto adaptadas.

Esto puse en el head

<meta name="viewport" content="width=device-width, initial-scale=1">

Y no usé Bootstrap si no unas columnas caseras que encontré por ahí que las tengo así:

.col-2{
width: 25%;
vertical-align: super;
text-align: center;
}

@media (max-width: 768px) {
.col-2 {
width:100%;
}

}

}


Si no se entiende y se puede dejo la página aunque el código la verdad es un verdadero lío porque es un ensayo, en fín. Saludos.

[AngelKrak]

amigo prueba a poner el @media all haber si con ese te funciona >_<

Código CSS:

@media all and (max-width: 768px) {
.col-2 {
width:100%;
}
 

Ahi te dejo una imagen de Compatibilidad con Moviles ;)


Por cierto, a mi tambien me funciona bien...
http://codepen.io/AngelKrak/pen/eNxVKv

Y aqui por si quieres informarte mas sobre ellas ;)
https://developer.mozilla.org/es/docs/CSS/Media_queries

[javy7v]

Probablemente sea cosa del movil , los mediaqueries no tienen mucho misterio.

Supongo que ya lo sabrias pero en Google Chrome , dandole a F12 y en la parte izquierda eligiendo el movil , puedes comprobar como se ve tu web en la gran mayoría de dispositivos mas famosos.

Si se te ve bien de esta manera no creo que tengas de que preocuparte.

Luego aqui puedes testear si tu web esta adaptada a moviles segun google : https://www.google.com/webmasters/tools/mobile-friendly/