温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

bootstrap简要介绍整理

发布时间:2020-07-18 10:49:10 来源:网络 阅读:551 作者:罗兹威尔 栏目:移动开发

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渲染页面

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI