Duda css version para movil

[sirchote]

Saludos

He estado mirando diversos sitios cómo definir un css distinto dependiendo de si estamos en un navegador de un pc o de un teléfono, y más o menos he intuido que el código que necesito, sería el siguiente:


<!--[if IE]>
<link rel="stylesheet" href="style.css" media="screen" type="text/css" />
<![endif]-->
<link rel="stylesheet" href="style.css" media="screen and (min-device-width: 801px)" type="text/css" />
<link rel="stylesheet" href="smartphone.css" media="handheld, only screen and (max-device-width: 800px)" />
<link rel="stylesheet" media="screen and (-webkit-device-pixel-ratio:0.75)" href="smartphone.css" />


Tras realizar algunas pruebas, veo que mi smartphone, un Samsung Galaxy S+, el cual tiene una resolución de 800 x 480, no aplica el css que le tocaría, que es el fichero "smartphone.css", y sigue cargando el fichero "style.css"

He visto que comentan que los dispositivos android no usan el device-width y que ahora usan el -webkit-device-pixel, ¿es así o eso era erróneo?

Hay algo erróneo en el código?

Muchas gracias

[memoadian]

podrías probar con meadiqueris css3

[pzin]

Iniciado por memoadian

podrías probar con meadiqueris css3

Este ya va adelantando el finde.

[sirchote]

A riesgo de equivocarme, creo que lo que estoy aplicando ya son media queries.

[memoadian]

Así es, perdón por no explicarme, me refería a usarlas dentro del css.

a mi no me funcionan, aplicandolas de esa manera por x o y razón

@bonez si vieras que no. Ni gano nada, ni me hago rico. Es más, revisa mis mensajes a ver cuantas de las casí 3000 respuestas traen el fin de. Y así nos evitamos XD's innecesarios.

[pzin]

Decía por el fallo gramatical —meadiqueris— no sé qué pudiste llegar a entender.

Edito: Y finde = fin de semana. Igual viene por ahí un malentendido. Aún así sigo sin saber qué habrás entendido. Serán cosas culturales. De todas formas no iba con intenciones diabólicas o sucedáneas.

[memoadian]

Jaja tampoco las mias. Creo que si fueron cuestiones culturales. Mejor no ahondar

"mediaqueris" jaja, me comí una "e"

[sirchote]

Iniciado por memoadian

Así es, perdón por no explicarme, me refería a usarlas dentro del css.

a mi no me funcionan, aplicandolas de esa manera por x o y razón

@bonez si vieras que no. Ni gano nada, ni me hago rico. Es más, revisa mis mensajes a ver cuantas de las casí 3000 respuestas traen el fin de. Y así nos evitamos XD's innecesarios.

Entonces como sería, añadiendo
@media screen and (max-device-width: 800px) {

dentro de los elementos?
Algo asi?

#divX
{
width: 320px;
@media screen and (max-device-width: 800px)
{
width:200px:
}
}

[pzin]

Justo al revés sirchote.

Código CSS:

@media screen and (max-device-width: 800px) {
 
    div#algo {
        color: firebrick;
    }
 
}
 

[sirchote]

oh vaya, pues si, lo había entendido mal
muchas gracias. probaré a ver si en lugar de hacer lo que hacía, así me funciona

Gracias!