黑马程序员技术交流社区

标题: IE10无法显示HTML5的div排版怎么解决？ [打印本页]
作者: 坏男孩    时间: 2014-5-8 22:44
标题: IE10无法显示HTML5的div排版怎么解决？
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Bootstrap</title>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <!-- Bootstrap -->
  7. <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

  9. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  10. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  11. <!--[if lt IE 9]>
  12. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  13. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  14. <![endif]-->
  15. </head>
  16. <body>
  17. <div class="container">
  18. <h1>Hello, world!</h1>
  19. <div class="row">
  20. <div class="col-xs-4">
  21. <h2 class="page-header">区域一</h2>
  22. <p>Bootstrap has a few easy ways to quickly get started, each one appealing to a different skill level and use case. Read through to see what suits your particular needs.</p>
  23. </div>
  24. <div class="col-xs-4">
  25. <h2 class="page-header">区域二</h2>
  26. <p>If you work with Bootstrap's uncompiled source code, you need to compile the LESS files to produce usable CSS files. For compiling LESS files into CSS, we only officially support Recess, which is Twitter's CSS hinter based on less.js.</p>
  27. </div>
  28. <div class="col-xs-4">
  29. <h2 class="page-header">区域三</h2>
  30. <p>Within the download you'll find the following directories and files, logically grouping common resources and providing both compiled and minified variations.</p>
  31.       </div>
  32.       </div>
  33. </div>
  34. <script src="js/jquery-2.0.3.min.js"></script>
  35. <script src="js/bootstrap.min.js"></script>
  36. </body>
  37. </html>
复制代码

这个例子在360极速浏览器中能好使，但是怎么用IE浏览器打开就显示不了div的排版格式呢？




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2