项目小结：兼容ie8过程中的一些问题

背景

最近做的一个项目中，对ie8兼容有需求，因此在项目大致完成后，又在ie8的兼容性方面进行了一些改进。 项目前端使用的是百度san框架，工具有bootstrap。

具体问题与解决

• Q1： bootstrap样式不显示
• A1：在网页头中添加两个js文件：respond.min.js & html5shiv.js，下载地址很多，添加之后就可以正常显示bootstrap的所有样式了
• Q2：使用san框架时，同时使用了san-router插件，但ie8环境中报错
• A2：ie8不识别router，因此弃用了san-router，在使用其他框架时，需注意这点
• Q3: css3的一些特有的属性，ie8不能够识别或使用，例如calc()计算、background-size、nth-child()等
• A3: ie8只能使用css原有的，对于calc()计算问题，只能在js程序中进行计算；对于background-size问题，网上给出解决方法，但本人使用后，不能完全解决，于是就不使用；对于nth-child()问题，使用的其他选择方式，如：
• 0：li:first-child
• 1: li:first-child + li
• 2: li:first-child + li + li
• Q4: bootstraptable 列表样式class不可添加
• A4: 用其他方法添加样式
• Q5: 请求返回的数据中，关键字出现问题，如new, continue等
• A5: 避免关键字，不用.new,.continue,用["new"],["continue"]来选择
• Q6: bootstrap中的form标签，自动会添加动作
• A6: 使用div标签代替

转载于:https://juejin.im/post/5ab9be3e6fb9a028d9372bfb