【笔记】

1. 浏览器兼容性问题

  • IE8及一下不支持H5
  • IE9部分支持H5
  • IE10及以上支持H5
  • 行级元素在IE9设置宽高的时候失效,IE9将语义标签转换为行级元素
  • 解决:
    • IE9:将行级元素转换为块级元素, 当前元素添加样式:disaplay:block;
    • IE8:手动创建H5标签(此时创建得标签类型默认都是行级元素)
      <script>
      	document.createElement("header");
      	document.createElement("nav");
      	document.createElement("footer");
      </script>
      
      • IE8:引入第三方插件html5shiv.min.js
      
      

2.

你可能感兴趣的:(前端)