h5标签兼容写法

在head标签中写
 <!--[if lt IE 9]>
  <script>
    (function(){
      var tags = ['header','footer','figure','figcaption','details','summary','hgroup','nav','aside','article','section','mark','abbr','meter','output','progress','time','video','audio','canvas','dialog'];
      for(var i=tags.length - 1;i>-1;i--){ document.createElement(tags[i]);}
    })();
  </script>
  <![endif]-->

同时H5标签需要手动块级

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

 

转载于:https://www.cnblogs.com/liangfc/p/9433956.html