Soporte » Guías – Resolución de problemas » Twenty Nineteen 2.0 problema tamaño imagen destacada en dispositivo móvil

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Hola @ojoblindado

    Funciona como deberia, en ese theme.
    Usa una imagen mas pequeña y la centra en tu ejemplo al modificar el CSS para deshabilitarlo se ve todo deformado.

    Iniciador del debate ojoblindado

    (@ojoblindado)

    El problema sucede cuando el dispositivo móvil se encuentra en posición vertical.
    Cuando el dispositivo móvil se encuentra en posición horizontal la imagen se ve correctamente.
    ¿Podés indicarme cómo hacer para que, cuando el dispositivo móvil se encuentre en posición vertical, la imagen se muestre completa ocupando todo el ancho del dispositivo en su posición vertical? (lógicamente esto redundaría en mostrar la imagen mucho más pequeña)
    Muchas gracias!

    Hola @ojoblindado

    Veo que no me entendistes, el theme usa una imagen que tu defines y la muestra. Por lo tanto tu no puedes decidir que tamaño usar ya que es automatico y por lo tanto si modificas por CSS las propiedades necesarias verias una imagen deformada, o en lo mejor de los casos una imagen muy pequeña que no se podria visualizar bien que es.
    Para que te hagas una idea con el inspector del navegador localiza el html de la imagen destacada del post y eliminas la propiedad object-fit o cambiala y tu mismo lo veras.

    Iniciador del debate ojoblindado

    (@ojoblindado)

    Sí, entendí. La pregunta era si podía definir el ancho de la imagen de modo variable para que su ancho se adapte a cualquier tamaño de pantalla.
    Y si esto no fuera posible, si se puede definir que muestre el centro de la imagen en lugar del costado izquierdo.
    Muchas gracias

    Hola @ojoblindado

    Ese theme usa object-fit para definir como se redimensiona.
    Podrias ajustarlo o eliminarlo para evitarlo.
    Tienes mas info aqui; https://developer.mozilla.org/es/docs/Web/CSS/object-fit

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Debes estar registrado para responder a este debate.