推特引导&x27；s在CSS中使用星号宽度属性

我一直在研究Bootstrap脚手架系统背后的CSS，我想知道为什么下面的代码中需要星号和不同的百分比。我相信星号是IE黑客，但是为什么百分比需要不同呢？IE渲染的东西有点不同吗？如果是这样，如果我想创建一个自己的简单脚手架，我将如何计算出星号宽度（我知道如何计算出平面宽度）

感谢您提供的任何帮助。：）

---

编辑：我现在看到IE7宽度可以通过从正常宽度减去约0.05319148936来推导，但为什么会这样？例如，如果我想创建一个柱数更多或更少的脚手架，那么计算结果会有所不同吗？

IE7在取整其子像素方面存在问题。在webkit或firefox中完全是100%的东西在IE7中可能会变大几个像素，这些额外像素的结果可能会将列推到彼此下面。最好的解释

为了解决这个问题，IE7中的每一列的引导程序似乎都删除了0.05319148936

如果你使用sass，你可以使用这个混音器

@mixin x-percent-width($percentage) {
 width: $percentage;
 *width: $percentage - 0.05319148936;
}

---

IE7在将其子像素取整方面存在问题。在webkit或firefox中完全是100%的东西在IE7中可能会变大几个像素，这些额外像素的结果可能会将列推到彼此下面。最好的解释

为了解决这个问题，IE7中的每一列的引导程序似乎都删除了0.05319148936

如果你使用sass，你可以使用这个混音器

@mixin x-percent-width($percentage) {
 width: $percentage;
 *width: $percentage - 0.05319148936;
}

---

这个问题很老了，但我还是想补充一点解释

该值源自固定为940px的引导2.0网格宽度。舍入误差不能超过像素的一半，因此ie7的每个宽度都要减去这个值

检查代码：

---

@gridRowWidth=940px

这个问题很老了，但我还是想补充一点解释

该值源自固定为940px的引导2.0网格宽度。舍入误差不能超过像素的一半，因此ie7的每个宽度都要减去这个值

检查代码：

---

@gridRowWidth=940px

非常感谢j08691，但我非常了解这一点，因此我更感兴趣的是如何计算脚手架的IE宽度百分比（以及为什么这些浏览器需要不同）。非常感谢j08691，但我非常清楚，因此，我更感兴趣的是如何计算脚手架的IE宽度百分比（以及为什么这些浏览器需要不同）。

.span (@columns) {
    width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));
    *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);
}