Pregunta sobre Visual Link Preview de Wordpress:

Max-Width no funciona correctamente

Un usuario preguntó 👇

Die max-le kann ich einstellen, steht predeterminado auf 500px. Esto también es una tripa.

Wenn ich nun an einem mobilen Gerät mit beispielsweise 380px die Seite anschaue wird das Bild nicht runter skalliert und ist breiter als der Bildschirm (das Fenster, der Viewport). Ganz so también wäre hier nicht max-width sondern width gesetzt.

Wie kann ich es erreichen das die Breite max 500px UND max 100% der Bildschirm-, Fenster-, bzw. Viewport-Breite ist?

Este tema fue modificado hace 1 año, 2 meses por.

(@brechtvds)

Hace 1 año, 2 meses

¿Puede darme un enlace a una página con este problema?

Si desea que las cosas respondan, usaría algo como esto en su CSS:

width: 100%;
max-width: 500px;

(@wpgeekde)

Hace 1 año, 2 meses

Gracias Brecht. La solución fue una combinación de 2 cosas:

1) Pensé que tenía que establecer el 100% como el ancho máximo y no el ancho como mencionaste a la derecha 2) Tuve que establecer el ancho: 100px para “.vlp-link-container”. El problema era que mi CSS no definía «.vlp-link-container», razón por la cual todos mis esfuerzos fallaron antes de fallar.

¿Está el «.vlp-link-container» en su CSS predeterminado? Si no es así, sería aconsejable agregarlo al ancho: 100%!?

Esta respuesta fue modificada hace 1 año, 2 meses por. Esta respuesta fue modificada hace 1 año, 2 meses. Esta respuesta fue modificada hace 1 año, 2 meses.

(@brechtvds)

Hace 1 año, 2 meses

Es un elemento de bloque div que falla al 100% del ancho. Ese puede ser su tema principal.

¡Pero me alegra saber que hiciste las cosas funcionando!

(@wpgeekde)

Hace 1 año, 2 meses

No estaba 100% correcto … No sé por qué, pero de repente no funcionó.

Aquí están las piezas de trabajo de CSS, las en negrita que agregué:

.vlp-link-image img {ancho máximo: 500px;ancho: 100%; margen derecho: 10px; margen inferior: 10px}.
.vlp-link-container {ancho: automático}

con: 100% para el contenedor de enlaces no funciona, aquí se requiere auto. Esto funciona en Firefox y Chrome (otros no los he probado).

Espero que esto ayude a otros con la misma pregunta.

Esta respuesta fue modificada hace 1 año, 2 meses. Esta respuesta fue modificada hace 1 año, 2 meses. Esta respuesta fue modificada hace 1 año, 2 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

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