Css -webkit box定向和--webkit box flex浏览器的可竞争性

我有一个跨浏览器兼容性的问题，我正试图为IE9/IE10和Firefox寻找解决方案

nav {
    -webkit-box-orient: horizontal;
}
nav a {
    -webkit-box-flex:1;
}

上面的代码似乎只适用于Chrome。Mozilla是否有特定于浏览器的代码？IE对此是否有特定于浏览器的代码

此代码来自的网站是

---

提前感谢。

Firefox使用-moz，IE使用-ms作为其供应商前缀。然而，大多数版本都不支持-ms，我相信IE10是唯一支持-ms的版本

我会在IE 10中尝试一下，看看它是否有效。根据w3的说法，它在IE中似乎没有太多支持，但值得一试

 display:-ms-box;
 -ms-box-orient:horizontal;

-ms-box-flex:2.0; 

---

Firefox使用-moz，IE使用-ms作为其供应商前缀。然而，大多数版本都不支持-ms，我相信IE10是唯一支持-ms的版本

我会在IE 10中尝试一下，看看它是否有效。根据w3的说法，它在IE中似乎没有太多支持，但值得一试

 display:-ms-box;
 -ms-box-orient:horizontal;

-ms-box-flex:2.0; 

---

IE9根本不支持flexbox。基本上有3种不同的规范由不同的浏览器供应商实施

• 2012年9月候选人推荐书（）
• 2012年3月工作草案（）
• 2009年7月工作草案（）

从Firefox 20开始，你只需要关心2012年的规格：IE10从3月份开始，其他人从9月份开始。如果您希望在2009年草案之后支持浏览器，请注意Mozilla不支持

flex-wrap

。我知道在最近的Firefox版本中，这仍然是一个抱怨，该版本对新草案提供了实验性支持（默认禁用）。不确定这是否应该在版本20中修复

我已经在Sass中编写了一个mixin集合（取决于2个Compass mixin），它将涵盖所有规范。有注释显示给定草稿中不存在哪些属性或值

---

IE9根本不支持flexbox。基本上有3种不同的规范由不同的浏览器供应商实施

• 2012年9月候选人推荐书（）
• 2012年3月工作草案（）
• 2009年7月工作草案（）

从Firefox 20开始，你只需要关心2012年的规格：IE10从3月份开始，其他人从9月份开始。如果您希望在2009年草案之后支持浏览器，请注意Mozilla不支持

flex-wrap

。我知道在最近的Firefox版本中，这仍然是一个抱怨，该版本对新草案提供了实验性支持（默认禁用）。不确定这是否应该在版本20中修复

我已经在Sass中编写了一个mixin集合（取决于2个Compass mixin），它将涵盖所有规范。有注释显示给定草稿中不存在哪些属性或值

---

我在IE10上试过这个，看起来不错

-ms-flex:1 0 auto;

---

我在IE10上试过这个，看起来不错

-ms-flex:1 0 auto;

---

我已经实现了相同代码的firefox和IE10版本以及W3C特定标准。但它似乎无法达到firefox和IE9的预期效果。（没有测试IE10，因为我在这个工作站上没有。由于政策原因，无法在这里下载。将不得不等到公司更新。）是的，这似乎是正确的。我怀疑你会有任何运气让它与IE9及以下的工作。不幸的是，IE9及以下版本并不完全支持CSS3属性。9支持很多，8及以下支持很少（如果有的话）。我已经实现了相同代码的firefox和IE10版本以及W3C特定标准。但它似乎无法达到firefox和IE9的预期效果。（没有测试IE10，因为我在这个工作站上没有。由于政策原因，无法在这里下载。将不得不等到公司更新。）是的，这似乎是正确的。我怀疑你会有任何运气让它与IE9及以下的工作。不幸的是，IE9及以下版本并不完全支持CSS3属性。9支持很多，8及以下支持很少，如果有的话。它们基本上是一个包含可重用CSS的函数。请参阅：。您不必使用Sass，但这可能是目前唯一与每个草稿中的每个属性/值相匹配的文档。谢谢，我会研究一下。它们基本上是一个包含可重用CSS的函数。请参阅：。您不必使用Sass，但这可能是目前唯一与每个草稿中的每个属性/值相匹配的文档。谢谢，我会研究它。