"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > IE10의 Flexbox가 예측할 수없는 폭으로 렌더링하는 이유는 무엇입니까?

IE10의 Flexbox가 예측할 수없는 폭으로 렌더링하는 이유는 무엇입니까?

2025-02-26에 게시되었습니다
검색:295

Why Does Flexbox in IE10 Render with Unpredictable Widths?

고전적인 사례는 형식 레이아웃 문제입니다 :

` .flexbox form {[. &&&] 디스플레이 : flex; flex-direction : row;

}

. flexbox 양식 입력 [type = 제출] {

width : 31px;

display: flex;
flex-direction: row;
&&&]. Flexbox 입력 [type = text] {

너비 : 자동; flex : auto 1;

} `
display: flex;
flex-direction: row;
이론적 으로이 레이아웃은 31px의 고정 너비로 ​​입력 유형 = "제출"을 렌더링해야합니다. 텍스트 "나머지 공간을 매끄럽게 채 웁니다. 그러나 IE10에서 입력 유형 = "텍스트"는 완고하게 263px의 당황한 너비로 기본적으로 불이행합니다. 특정 기능이 부족한 중간 버전의 사양을 지원합니다. 불행히도 이러한 누락 된 기능은 예상대로 동작하는 것을 방지합니다.

이 문제를 해결하려면 SiGuientes 접근 방식을 고려하여 다음을 고려합니다. -ms -flex.

width: auto;
flex: auto 1;
Flexboxie와 같은 PolyFills는 IE에서 Flexbox 기능을 모방 할 수 있습니다. .

미래 버전의 IE가 5 월에 브라우저 업데이트를 계속 지켜봐 주시기 바랍니다. 보다 강력한 Flexbox 지원을 소개합니다. 그때까지 이러한 전술은 IE10의 Flexbox 인 크로스 브라우저 수수께끼를 탐색하는 데 도움이 될 수 있습니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3