Milligram: Las cuadrículas están rotas en IE11

Hola @davedele. ¿Puedes saber qué versión de tu sistema operativo? ¿También puede proporcionar alguna pantalla de impresión?

Hola @cjpatoilo , gracias por tu respuesta. Para ser más específico, en cualquier punto de interrupción móvil obtienes lo que ves en la imagen adjunta.

Estoy usando IE11 en Windows7

Hola @davedele Para IE hay un soporte parcial debido a la gran cantidad de errores ( ver problemas conocidos )

Si encuentra alguna solución, contácteme. Gracias por informar de este problema.

Gracias @cjpatoilo , aquí hay una solución rápida para IE11:

Utilizo un poco de js para encontrar el UserAgent http://rog.ie/blog/html5-boilerplate-addon

Luego agrego una nueva consulta de medios:

<strong i="10">@media</strong> screen and (max-width: 40em) {

    html[data-useragent*='rv:11.0'] .row .column {
        flex: none;
    }
}

Lo que lo rompe en IE es el " flex: 1 " en la clase ".row .column".

Cambiar .row .column de flex: 1; a flex: 1 1 auto;

Funciona mejor y funciona para todos los navegadores. Incluido IE11.