Foros del Web » Creando para Internet » CSS »

Hacer mi logo responsive

Estas en el tema de Hacer mi logo responsive en el foro de CSS en Foros del Web. Como puedo hacer para que mi logo en www.harveysclothing.com se adapte a todas las resoluciones de pantallas, smartphones y ipads?? Mi intención es tener el ...
  #1 (permalink)  
Antiguo 13/01/2014, 08:18
Avatar de miguelgalannunez  
Fecha de Ingreso: febrero-2012
Mensajes: 158
Antigüedad: 12 años, 2 meses
Puntos: 0
Exclamación Hacer mi logo responsive

Como puedo hacer para que mi logo en www.harveysclothing.com se adapte a todas las resoluciones de pantallas, smartphones y ipads??

Mi intención es tener el logo y la barra de navegación (que se encuentra debajo del logo) centrados con el contenedor negro..

Gracias
  #2 (permalink)  
Antiguo 13/01/2014, 14:28
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 8 meses
Puntos: 2114
Respuesta: Hacer mi logo responsive

Para centrar un elemento de bloque:

Código CSS:
Ver original
  1. margin: 0 auto;
  #3 (permalink)  
Antiguo 13/01/2014, 21:27
Avatar de GusleonP  
Fecha de Ingreso: octubre-2013
Ubicación: Bogota
Mensajes: 24
Antigüedad: 10 años, 6 meses
Puntos: 2
Respuesta: Hacer mi logo responsive

Hola Solo debes darle este css a tu imagen:

Código CSS:
Ver original
  1. img{
  2.           width:100%;
  3.           max-width:250px; /*ANCHO DE TU IMAGEN*/
  4. }
Con eso tu imagen no sera mas grande del tamaño real y se adaptara al 100% del visor en el que este.

Espero te sirva.

Etiquetas: logo, responsive
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:15.