ie10 Flexbox Conundrum: Anigma Cross-Browser

разочарован загадочным поведением Flexbox в IE10? Это не только ты. Несмотря на широкое распространение в современных браузерах, поддержка Flexbox в IE10 оставляет желать лучшего. &&&]

}

. Flexbox form input [type = opper] {

display: flex;
flex-direction: row;

}

. Flexbox form Input [type = text] {

width: 31px;

} `

Теоретически, этот макет должен представить входной тип =" Отправить "с фиксированной шириной 31px, в то время как входной тип =" Текст "Плавно заполняет оставшееся пространство. Однако в IE10 тип ввода = "Текст" упорно по умолчанию по умолчанию к недостатке ширины 263px.

width: auto;
flex: auto 1;

возвращаться к предыдущим методам макета:

следите за обновлениями браузера, как будущие версии IE May Представьте более надежную поддержку Flexbox. До тех пор эта тактика может помочь вам ориентироваться в поперечной браузерной загадке, которая является Flexbox в IE10.