ie10 flexbox conundrum:cross-browser enigma
一个经典的例子是一个形式布局问题:}
.flexbox form input[type=submit] {
width: 31px;
}
[ 。 flex:auto 1;display: flex; flex-direction: row;`从理论上讲,该布局应呈现一个输入type =“ cistib”,固定宽度为31px,而输入类型=”,文字“无缝填充剩余的空间。但是,在IE10中,输入类型=“ text”固执地默认为263px的引起宽度。
问题的症结在于IE10的部分实现flexbox规范。它支持该规范的中间版本,该版本缺乏某些功能。 Unfortunately, these missing capabilities prevent the layout from behaving as expected.
To address this issue, consider the siguientes approaches:
width: 31px;
Employ CSS Prefixing:
IE10 responds对于某些CSS前缀,例如-ms -flex。使用一个CSS polyfill:
回到以前的布局方法:考虑采用传统的布局方法(例如,floats or tables)for IE10兼容性。 IE可能会引入更强大的Flexbox支持。在此之前,这些策略可以帮助您浏览IE10中的flexbox的跨浏览器。
免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。
Copyright© 2022 湘ICP备2022001581号-3