Ver Mensaje Individual
  #1 (permalink)  
Antiguo 14/10/2015, 06:47
Jhon Silver
 
Fecha de Ingreso: marzo-2004
Ubicación: Madrid (España)
Mensajes: 837
Antigüedad: 20 años, 1 mes
Puntos: 9
Código para móviles

Que tal amigos?
Tengo el siguiente código:
Código CSS:
Ver original
  1. @media only screen and (max-width: 470px) {
  2.     img.center {
  3.         float: none;
  4.         margin: auto;
  5.         display: block;
  6.         margin-bottom: 10px;
  7.     }
  8. }
Para que que se vea correctamente en dispositivos móviles.
El caso es que si hago la llamada a través:
Código CSS:
Ver original
  1. <link rel="stylesheet" type="text/css" media="all" href="style.css">
No consigo que se vea correctamente en móviles, por lo que no actua.
Sin embargo si pongo el mismo código en la misma página de manera
Código CSS:
Ver original
  1. <style> @media only screen and (max-width: 470px) {
  2.     img.center {
  3.         float: none;
  4.         margin: auto;
  5.         display: block;
  6.         margin-bottom: 10px;
  7.     }
  8. }</style>
Si se ve adaptado para móviles. Pero es mucho trabajo ir fichero por fichero.
¿Sabeis cómo podría solucionarlo, de manera que lo lea desde el fichero style.css?