css - 不依赖于框大小调整的响应式 CSS 网格

Question

我试图在 Google 和本网站上搜索此问题的答案。

我有一个需要响应的网站。它相对复杂，但我们目前的设计绝对有可能实现。

我的问题是这样的。是否有响应式网格系统，或不依赖于框大小调整的完全响应式网格系统的示例:border-box。在查看 Pure 和 Bootstrap 之后，它似乎都依赖于该属性来使其工作。

在实践中考虑时，在我看来，需要一个 box-sizing:border-box 模型来允许适本地使用百分比。

为什么我无法使用此方法？这个元素绝对需要支持 IE7。我知道有可用于强制支持的 polyfill 和 htc 文件，但是，该站点的规模和规模使得这些选项难以实现。根据我的阅读，这些选项应该适度使用，而这种口径的网站，它只是不能适度使用。

谢谢。

Answer 1

在 Twitter Bootstrap 3 中，您可以删除第 293 行中的 box-sizing。

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

只需删除它并在输入声明中:)