兼容IE8问题

Question

关于IE8，我使用html5shiv解决IE8兼容H5新标签，respond.js解决IE8兼容媒体查询，rem.js解决IE8兼容rem问题，在我的电脑windows系统下的IE8基本可以正常实现。（老师可以看我的项目代码，或者看我的个人网站：http://dearlisa100.com/licaibao/index.html）

但是有些问题：
1.这样子做需要在渲染网页的时候就运行脚本，整体速度很慢，有没有更好的解决方法呢？
2.rem.js插件工作的时候，会把单位是rem的元素生成一些新的样式内联到元素中，但是对于媒体查询中的样式并没有转换，因此小屏幕下显示的还是大屏幕的字体大小，有没有办法改善？
3.对于媒体查询之前单独声明过字体大小的子元素，媒体查询的时候对修改其父元素的字体大小，是不会对该子元素的字体大小有影响的？为什么呢？是相当于只修改原来父元素字体大小的那条样式？如我的CSS文件main.css中第570行：设置.product-content{
 font-size: 0.12rem;}后，为什么子元素字体不会也变成0.12rem呢？

另外，请老师抽空点评一下项目和课程大作业，谢谢！

Answer 1

姜维 2016-10-14 16:19:18

对于IE8，可以考虑使用px或者em单位；需要运行脚本也是没有办法，没有太好的方式。

子元素如果单独设置字体，会覆盖父元素的设置，用 rem 单位的话，互相不会影响，如果用 em，则会互相影响。

• 提问者 妙言 #1

  想起来课程中提到了“IE8及以下不支持rem，所以在每一句后面再加一句以px为单位就可以兼容了”。但是那样的话，在现代浏览器中，后一句就覆盖了前一句，那rem的设置对现代浏览器不也失效了吗？网上查到点是IE8及以下识别的，是否可以用 .font-size:10px 这样的写法来兼容IE8及以下？

• 姜维 回复 提问者 妙言 #2

  可以针对 IE8 使用 CSS hack