gpt4 book ai didi

performance - IE 7 Performance Wise 的 Bootstrap 2 或 Bootstrap 3

转载 作者:行者123 更新时间:2023-12-04 01:08:24 24 4
gpt4 key购买 nike

虽然我知道 SO 不喜欢 A 与 B 的话题,但请听我说完。

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

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

他们的一个问题是您必须为 IE 7 用户使用 boxsizing.htc polyfill (https://github.com/Schepp/box-sizing-polyfill)

所以我的问题是坚持使用 Bootstrap 2 还是使用 boxsizing.htc 切换到 Bootstrap 3.0 会更好?对于 10% 的 IE7 用户来说,使用 .htc 的 B3 会比使用 B2 的用户慢,但如果几乎不明显(尤其是在服务器正在缓存的情况下),对于其余 90% 的用户来说,这将是值得的。

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

PS 如果有比上面列出的更好的 polyfill 向 IE7 添加 boxsizing,请告诉我。

最佳答案

我在使用 Bootstrap 3/IE7 时遇到了类似的困境,但最终选择了不同的解决方案。像 Zout 一样,我无法让补丁工作,所以我写了一个不需要 polyfill 的补丁。

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

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

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

https://github.com/LPology/Bootstrap-IE7Fix

关于performance - IE 7 Performance Wise 的 Bootstrap 2 或 Bootstrap 3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18600914/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com