Mi encabezado solo tiene una altura de 108px

Así de grande es mi encabezado

Pero la imagen / logo que quiero colocar es claramente más grande Cuando elimino el límite de altura en mi CSS, así es como se ve

¿Cómo cambio la escala de mi imagen para que se ajuste a mi encabezado? Soy nuevo en html y css y estoy tratando de aprender a codificar, ¡gracias de antemano!

este es mi html y css

header.top {
  background - color: #157bea;
  margin: 10px,10px, 0px, 10px;
  height: 108px;
}

img.logowhite {
  width: 100%;
  height: 100%;
  object-fit: 100%;
}
<header class = top>
  <div class = logowhite>
    <img src = images/logowhite.png>
  </div>
</header>
0
BamlBam 28 oct. 2020 a las 05:12

1 respuesta

La mejor respuesta

Establezca el atributo CSS width en el valor auto de la siguiente manera y establezca la altura con el valor px.

En su CSS, su encabezado tiene la altura fija 108px por lo que estará bien definir la altura en píxeles.

Y actualmente, la etiqueta img está dentro del selector .logwhite, por lo que es necesario reemplazar img.logowhite por .logowhite img.

.logowhite img {
    width: auto;
    height: 108px;
}
0
Derek Wang 28 oct. 2020 a las 02:27