bootstrap简要介绍整理

bootstrap使用了一些html5元素和css属性，所以页面的文档类型应为html5

创新互联建站坚持“要么做到，要么别承诺”的工作理念，服务领域包括：做网站、网站建设、企业官网、英文网站、手机端网站、网站推广等服务，满足客户于互联网时代的凤凰网站设计、移动媒体设计的需求，帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴！

<!DOCTYPE html>
<html>
....
</html>

bootstrap3设计目标是移动设备优先，所以是一个开发移动端页面的好的选择，为了让它更好的对移动设备友好，需要添加如下标签：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

device-width是为了确保让它正确呈现在不同的设备上，initial-scale为了确保网页加载时以1:1比例加载

当然我们也可以加上maximum-scale=1.0和user-scalable=no，让用户体验上更像是原生应用，页面只能滚动

如果你需要在ie8或以下版本浏览器支持html5元素和媒体查询，可以加入以下插件

<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

下面这行代码声明的是浏览器如何渲染页面

<meta http-equiv="X-UA-Compatible" content="IE=edge">

意味着ie浏览器8/9及以后的版本都以最高版本ie渲染页面

文章题目：bootstrap简要介绍整理
路径分享：https://www.cdcxhl.com/article30/ijpipo.html

成都网站建设公司_创新互联，为您提供Google、网站排名、外贸建站、定制网站、搜索引擎优化、动态网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容