0

Tengo un contenedor con párrafos que se distribuyen vertical y horizontalmente de a una columna en la pantalla, los párrafos siguen su cause vertical hasta que llegan al tope inferior de la pantalla del teléfono, y automáticamente pasan a una nueva columna hacia la derecha, en Chrome, Firefox y Android, funciona como debe ser, pero en iPhone y en Safari todos los párrafos se despliegan verticalmente

¿Cómo podría hacer que en iPhone y en Safari funcione igual que en los demás navegadores y Android?

gracias

https://codepen.io/andres3dmd/pen/PagNwz

1
  • Hola Andres Beltrán, me alegra que encontraras la solución. Como referencia para futuras preguntas pidiendo ayuda con la depuración, deberías incluir el comportamiento esperado, un problema específico o error, y el código más corto necesario para reproducirlo en la propia pregunta, en lugar de un enlace a sitio externos. Lee Cómo preguntar y cómo crear un ejemplo mínimo verificable para más información.
    – Alvaro Montoro
    Commented el 16 jul. 2018 a las 21:31

1 respuesta 1

0

Encontré que para que funcione en estos motores, se debe poner a dos columnas y usar la propiedad column-width con un ancho de pantalla que exceda a nuestro dispositivo, en mi caso 767px

Por lo que del código planteado en la pregunta, el cambio solo sería en la clase siguiente;

.scrolling-wrapper-flexbox {}

https://codepen.io/andres3dmd/pen/PagNwz

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.