Bootstrap 3支持IE8
Bootstrap3 的响应式设计挺方便的,但要说支持 IE8 嘛,确实有点儿尴尬。IE8 老哥对 CSS3 和 HTML5 不太感冒,像border-radius
、:nth-child()
这些它都不认。所以你要想在 IE8 里跑得稳,还得加点“外挂”。比如用html5shiv
搞定新标签,用Respond.js
补上媒体查询,再配合一点条件注释,效果还不错。
Bootstrap3 的核心是它那套网格系统,浮动+负边距撑起来的。但 IE8 不识货,不支持媒体查询,响应式自然就歇菜了。所以你可以考虑写个单独的 IE8 样式,比如用max-width
写死宽度,样式简单粗暴点,稳定性反而更好。
还有些 CSS3 样式,比如box-shadow
、linear-gradient
,IE8 压根不理你。方法也不复杂,要么删掉,要么用背景图片模拟一下。像表单控件,如果样式出不来,就用 jQuery 插件包一层,伪装成 Bootstrap 那味儿。
如果兼容工作太重,退回用 Bootstrap2 也是条路,毕竟它对 IE8 友好些。或者干脆告诉用户:升级吧兄弟,这年头还用 IE8 是真的不太行。
参考资料也挺多,像让 IE8 兼容 HTML5 和 CSS3这篇讲得挺细,bootstrap3 demo也可以看看,有些实现细节值得借鉴。
如果你项目刚好卡在兼容 IE8 这块,手动补救方案虽然麻烦点,但效果还不错。尤其是在客户非要支持的情况下,值得一试。
29.73MB
文件大小:
评论区