用于IE 7 Performance Wise的Bootstrap 2或Bootstrap 3

Question

虽然我知道SO不喜欢A vs B主题听我说.

Bootstrap 3刚刚发布了无数的改进.一个潜在的交易破坏者是它降低IE 7的兼容性.对于迎合企业用户的网站而言,遗憾的是这并不实用,因为在一个特定的用例中大约仍有10%的市场.

所以支持IE7是必须的,人们会认为这只是意味着选择坚持使用Bootstrap 2.然而,通过这个https://github.com/coliff/bootstrap-ie7可以轻松添加IE7支持,同时保留所有的好处Bootstrap 3.

问题是你必须使用boxsizing.htc polyfill for IE 7用户(https://github.com/Schepp/box-sizing-polyfill)

所以我的问题是坚持使用Bootstrap 2或使用boxsizing.htc切换到Bootstrap 3.0会更好吗？使用.htc的B3对于10%的IE7用户来说比使用B2慢,但如果几乎没有注意到(特别是如果服务器正在缓存),那么90%的剩余部分的好处是值得的.

如果知道一个人知道,我想我可以测试的下一件事是安装默认的B2和B3与.htc演示站点并比较IE7中的速度.

PS如果有一个更好的polyfill用于添加盒子化IE7比上面列出的性能明智让我知道.

Answer 1

我在Bootstrap 3/IE7上遇到了类似的困境,但是它采用了不同的解决方案.像Zout一样,我无法使补丁工作,所以我写了一个不需要填充的补丁.

它的工作原理是回退到流体柱的Bootstrap 2型网格系统,没有填充,左边距从第二列开始.在带有Bootstrap 3的IE7中,我的网站看起来很完美.

我已经使用Bootstrap的大多数组件对它进行了测试(并且它可以工作).它还包括IE布局错误和其他奇怪行为的修复程序.

我昨天刚把它放在Github上.希望能帮助到你:

Answer 2

使用 Bootstrap 3 支持 IE 7 完全是一场噩梦。我们尝试过，但需要为我们的新项目切换回 Bootstrap 2。

我们确实尝试了您提到的补丁。

所以底线：你真的需要支持 IE 7，不要使用 Bootstrap 3。