Saltar al contenido

¿Cómo mostrar la imagen completa en v-parallax?

Sé libre de divulgar nuestros post y códigos con otro, apóyanos para ampliar nuestra comunidad.

Solución:

Podrías usar height="100%" para resolver eso

Puedes verlo funcionando aquí

Tenga en cuenta que necesita que los contenedores principales también tengan una altura del 100% para que esto funcione

El problema aquí no es la altura, es el transform propiedad que sesga el ancho de la imagen. Desafortunadamente, no hay accesorios en el componente de paralaje de Vuetify para ajustar el ancho de la imagen, por lo que todo lo que puede hacer es ajustar las dimensiones de la imagen o sobrescribir la propiedad de transformación:

.v-parallax__image 
  transform: none !important;
  width: 100% !important;

Podrías simplemente configurar los img height="100%" para solucionar eso

Puedes corroborar nuestra labor añadiendo un comentario o dejando una puntuación te damos las gracias.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *