Pregunta sobre Arreglando WordPress de Wordpress:

Pregunta multimedia para Macbook de 11 pulgadas

Un usuario preguntó 👇

Hola,

¿Alguien podría ayudarme a descubrir cómo mostrar mejor este sitio de wordpress en macros de 11 pulgadas?

Cuando utilizo herramientas de desarrollo web en Chrome y Firefox, el sitio se ve muy bien en mí por eso y personalmente revisé el sitio en varios dispositivos y es bueno, pero en un macbook de 11 pulgadas el texto no se muestra debajo de las imágenes a menos que algo que desplaza hacia abajo. Idealmente, quiero que el texto y la imagen aparezcan tan pronto como se cargue la página.

Me pregunto si esta es la pregunta correcta en los medios.

@media solo pantalla y (ancho mínimo: 1366 px) y (ancho máximo: 767 px)

No estoy muy seguro de a dónde ir para eso en términos de CSS real para ponerlo en pantalla.

El logotipo se ve borroso en cromo, pero se ve bien en un safari: ¿alguien sabe por qué se podría hacer esto?

¿Alguien conoce herramientas más precisas que también puedo usar para verificar las distintas pantallas / navegadores?

Muchísimas gracias por su tiempo.

Lisa

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

La ubicación de esos artículos en su página de inicio se basa en JavaScript, que probablemente proviene de su tema. Esto agrega mucha complejidad al tratar de descubrir por qué las cosas se colocan de manera diferente en los navegadores. ¿Hay alguna forma de contactar al autor del tema para obtener ayuda? Parece ser un error (que deberían corregir): https://colabr.io/

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

El logotipo también se ve borroso en cromo, pero se ve bien en un safari, ¿alguien sabe por qué esto podría hacerlo?

¿Tu logo tiene retina?

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

¿Alguien conoce herramientas más precisas que también puedo usar para verificar las distintas pantallas / navegadores?

Pague por un servicio como Browserstack.

(@lisamattocks)

Hace 2 años, 9 meses

Muchas gracias Andrew.

Lamentablemente, los desarrolladores no ayudarán. Gracias por tu consejo.

Aquí están mis opciones de logotipo: https://imgur.com/a/tqiQf

Tengo un logo principal (420 × 66) y un logo de retina (824 × 129)

X

(@anevins)

Donante de WCLDN 2018 Apoyo voluntario

Hace 2 años, 9 meses

De nada. Intenté reducir la altura de la imagen, lo que puede hacer de acuerdo con su consulta de medios, pero que empuja las imágenes ya que tienen un valor de ancho establecido (basado en JavaScript):


@media only screen and (min-width: 767px) and (max-width: 1366px) {
    .portfolio-item img {
        height: 70vh;
    }
}

¿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 *