Milligram: IE11에서 그리드가 깨짐

안녕하세요 @davedele 귀하의 OS 버전을 알 수 있습니까? 인쇄 화면도 제공 할 수 있습니까?

안녕하세요 @cjpatoilo , 회신 해 주셔서 감사합니다. 좀 더 구체적으로 말하면, 모든 모바일 중단 점에서 첨부 된 이미지에 표시되는 내용을 얻을 수 있습니다.

Windows7에서 IE11을 사용하고 있습니다.

안녕하세요 @davedele IE의 경우 많은 버그로 인해 부분적으로 지원됩니다 ( 알려진 문제 참조 ).

해결책을 찾으면 저에게 연락하십시오. 이 문제를 신고 해 주셔서 감사합니다.

감사합니다 @cjpatoilo , 다음은 IE11에 대한 빠른 해결 방법입니다.

UserAgent http://rog.ie/blog/html5-boilerplate-addon 을 찾기 위해 약간의 js를 사용합니다.

그런 다음 새 미디어 쿼리를 추가합니다.

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

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

IE에서 문제가되는 것은 ".row .column"클래스의 " flex : 1 "입니다.

.row .column 을 flex: 1; 에서 flex: 1 1 auto;

더 잘 작동하며 모든 브라우저에서 작동합니다. IE11 포함.