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

670 阅读1分钟

背景

最近做的一个项目中,对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标签代替