HTML5 页面化后的兼容性Checklist
页面HTML5化之后(主要利用html5shiv):
- html5shiv要保证除ie9,10外的全部版本IE都要加载
- article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 重置属性为display: block;
- figcaption或figure标签在ie6/7下要指定高宽(无法自适应,会继承父级元素的高宽)
- iframe会产生一个默认高度。 解决办法:在iframe父级元素设置font-size:0
- dom reflow时,新标签(article)在低版本浏览中会出现问题,解决方法还是换成div标签
项目暂时只遇到这些在html5化之后出现的问题,其他请大家指正、补充。