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>
用户评论