Milligram: As grades estão quebradas no IE11

Oi @davedele Você sabe qual versão do seu sistema operacional? Você também pode fornecer alguma tela de impressão?

Olá @cjpatoilo , obrigado pela sua resposta. Para ser mais específico, em qualquer ponto de interrupção móvel você obtém o que vê na imagem em anexo.

Estou usando o IE11 no Windows 7

Olá @davedele Para o IE existe um suporte parcial devido à grande quantidade de bugs ( ver problemas conhecidos )

Se você encontrar alguma solução, entre em contato comigo. Obrigado por comunicar este problema.

Obrigado @cjpatoilo , esta é uma solução rápida para o IE11:

Eu uso um pouco de js para encontrar o UserAgent http://rog.ie/blog/html5-boilerplate-addon

Em seguida, adiciono uma nova consulta de mídia:

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

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

O que está quebrando no IE é o " flex: 1 " na classe ".row .column".

Altere .row .column de flex: 1; para flex: 1 1 auto;

Funciona melhor e funciona para todos os navegadores. Incluindo IE11.