Me funciona perfecto en Chrome, Firefox y Explorer, pero en Safari (5.1.7) no. Adjunto capturas de pantalla.
Las imagenes 1 y 2 es como deberia verse (así se ve en Chrome, Firefox y Explorer.)
La imagen 3 es como se ve en SAFARI. La "section-intro" no se muestra a todo el alto de la pantalla, y las 4 cajas de texto no se muestran correctamente
En la imagen 4 se ve que en el inspector de Safari, salen esos 'warnings' en el CSS.
vh
como unidad de medida para la propiedadheight
; ni siquiera reconoce flexbox en su totalidad. Asumo que es una versión muy antigua. – gugadev el 26 jun. 17 a las 14:243.1
a6
de Safari no es compatible, de la versión6.1
a8
el soporte es parcial. Es decir, que podrías utilizarlo de la formadisplay: -webkit-flex
y a partir de versión 9 es totalmente compatible. Ten en cuenta que el porcentaje de uso de esas versiones no compatibles juntas apenas llega al0.35%
. Como dice @DanielAbril, no hay que preocuparse por ello. – David E. Luna M. el 24 feb. 20 a las 10:12