Centrar imagen solo en moviles

[inovaweb]

Es posible centrar una imagen únicamente cuando se visualiza desde un móvil?

La idea es que en PCs se muestre el logo alineado a la izquierda en un div header y que en los móviles se visualizara centrado.

Utilizo Bootstrap 3.3.1.

Gracias de antemano.

[carlillos]

Puedes crear tu CSS que se cargue después de bootstrap en donde pongas tus reglas personalizadas.

Código HTML:

<link rel="stylesheet" href="/bootstrap.css" />
<link rel="stylesheet" href="/estilo.css" />
 

Y en tu CSS pondrías una media query que cuando se cumpla cierto tamaño de la pantalla centras la imagen.

[andrinson]

si quieres que se vea de otra forma en un dispositivo movil solo tienes que agregar una nueva oja de estilos ej:<link rel=”stylesheet” type=”text/css” href=”moviles.css” media=”handheld” />

o si quieres que al llegar a cierta resolucion de pantalla la pagina web cambie has lo siguiente:
css:

body{
background-color:red; }

@media screen and (min-width: 400px) and (max-width: 700px) {

body{
background-color:black;
}

}

si reduces el tamaño del navegador veras que cuando la resolusion sea menor o igual a 700px y mayor o igual 400px el fondo cambiara

[kakashi20]

Código CSS:

@media screen (max-width: 700px) { 
  img{
  margin:0 auto;
   }
}
 

esta puede ser una opcion o al contenedor padre de la imagen le puede pasar en el media query:
text-align:center;

Esto te centrara la img que tienes como hijo de ese contenedor

[IsaBelM]

lee este tutorial