前端bootstrap与浏览器基本兼容性处理模板

web前端开发项目收获 在前端开发中最得意的项目 前端项目开发报告

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>

前端开发快速入门 web前端开发项目描述 html5前端开发项目

» 本文来自:前端开发者 » 《前端bootstrap与浏览器基本兼容性处理模板》
» 本文链接地址:https://www.rokub.com/5719.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!