”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 为什么IE10中的Flexbox呈现不可预测的宽度?

为什么IE10中的Flexbox呈现不可预测的宽度?

发布于2025-02-26
浏览:963

Why Does Flexbox in IE10 Render with Unpredictable Widths? 
ie10 flexbox conundrum:cross-browser enigma

不仅仅是你。尽管在现代浏览器中广泛采用了IE10中的Flexbox支持,但仍需提供很多东西。

一个经典的例子是一个形式布局问题:}

.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