H5语义化标签设置宽高失效问题
IE9虽然支持h5,但是不是全部支持,ie9会把语义化标签转化为行级元素,
导致设置宽高失效,需要通过display:block;转化为块级元素
如何兼容IE8
IE8则完全不支持H5,设置的css属性也会失效,不识别H5新标签,根本无法解析标签,
也就意味着所写的样式无效
解决IE8兼容性方式
手动创建标签
//标签名为H5的标签
document.createElement("header");//创建完标签之后,style样式就会生效,但是标签
类型都是行级元素,需要在样式中加入display:block;
第一种手动创建标签太繁琐,我们可以引入第三方插件html5shiv.min.js
<script src="第三方插件"></script>