Bootstrap笔记1

最新推荐文章于 2023-03-07 20:24:49 发布

mintsolace

最新推荐文章于 2023-03-07 20:24:49 发布

阅读量101

点赞数

分类专栏： Bootstrap 文章标签： Bootstrap

本文链接：https://blog.csdn.net/mintsolace/article/details/99655981

版权

这篇博客介绍了如何开始使用Bootstrap，包括下载安装步骤和在HTML中引入CSS、JS文件。强调了Bootstrap的JS组件对jQuery的依赖。同时，详细解释了视口在移动浏览器中的作用，如何通过meta标签设置视口宽度，以及不同属性如initial-scale、user-scalable的含义。还提及了条件注释在移动Web开发中的应用和min-width判断条件的执行顺序。

摘要由CSDN通过智能技术生成

开始使用Bootstrap
下载安装：
在HTML中引入相应的CSS和JS文件
注意：Bootstrap的JS组件依赖于jQuery
Bootstrap文档：
http://v3.bootcss.com/ 中文网

视口的作用：
在移动浏览器中，当页面宽度超出设备，浏览器内部虚拟的一个页面容器，将页面容器缩放到设备这么大，然后展示
目前大多数手机浏览器的视口（承载页面的容器）宽度都是980；
视口的宽度可以通过meta标签设置；
此属性为移动端页面视口设置，当前值表示在移动端页面的宽度为设备的宽度，并缩放（缩放级别为1）

width: 视口的宽度
initial-scale: 初始化缩放
user-scalable: 是否允许用户自行缩放（值：yes/no; 1/0）
minimun-scale: 最小缩放，一般设置了用户不允许缩放，就没必要设置最小和最大缩放
maximun-scale: 最大缩放

通常我们在移动Web开发时需要将Viewport设置为：