欢迎访问移动开发之家(rcyd.net),关注移动开发教程。移动开发之家  移动开发问答|  每日更新
页面位置 : > > > 内容正文

bootstrap与浏览器基本兼容性处理模板小记

来源: 开发者 投稿于  被查看 1808 次 评论:243

bootstrap与浏览器基本兼容性处理模板小记


html 代码

<!DOCTYPE html>
<html lang="en" id="ng-app" data-ng-app="app">
<head>
  <meta charset="utf-8" />
  <!-- 针对浏览器的内容做标识(使用meta标签调节浏览器的渲染方式)-->

   <meta http-equiv="X-UA-Compatible" content="IE=9" />
  <!-- bootstrap不支持IE兼容模式,为了让IE浏览器运行最新的渲染模式,将添加以下标签在页面中 -->
  <!-- IE=edge表示强制使用IE最新内核,chrome=1表示如果安装了针对IE6/7/8等版本的浏览器插件Google Chrome Frame(可以让用户的浏览器外观依然是IE的菜单和界面,但用户在浏览网页时,实际上使用的是Chrome浏览器内核),那么就用Chrome内核来渲染。 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- 360安全浏览器兼容性问题 content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用极速模式,兼容模式,IE模式打开。 -->
  <meta name="renderer" content="webkit|ie-comp|ie-stand">
  <!-- IE可以设置其他浏览模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
  <meta http-equiv="X-UA-Compatible" content="IE=8" />

  <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen"/>
  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <!-- 下面两个文件最好使用本地的 -->
    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <script src="http://apps.bdimg.com/libs/respond.js/1.4.2/respond.min.js"></script>
  <![endif]-->

  <title></title>
</head>
<body>

<script src="vendor/jquery/bootstrap.js"></script>

</body>
</html>

用户评论