hasta ahora estaba intentando poner un código específico para los ordenadores e intentando ponerle otro a los móviles en función del tamaño de la pantalla y he probado con los media query:
/* Common general styles go here */
/* Mobiles in Potrait mode */
@media only screen
and (max-width : 320px) {
<p>Hey!</p>
}
/* Mobiles in landscape mode */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
<p>Hey!</p>
}
/* Tablets */
@media only screen
and (min-width : 768px)
and (max-width : 1024px) {
<p>Hey!</p>
}
/* Desktops and laptops computers */
@media only screen
and (min-width : 1224px) {
<p>Hey PC!</p>
}
No me funcionan las media query. Eso o las he implementado mal (he probado tanto en el archivo .css como a ponerlo directamente en un archivo .php).
¿Sabéis dónde está el error?
Gracias.