<h2>1.什么bootstrap砂竖?
<h6>Bootstrap是由Twitter推出的開源CSS框架
歷史:Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的真椿。Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。
<h3>2.為什么要學習bootstrap乎澄?
<h6>移動設(shè)備優(yōu)先:自 Bootstrap 3 起突硝,框架包含了貫穿于整個庫的移動設(shè)備優(yōu)先的樣式。
瀏覽器支持:所有的主流瀏覽器都支持 Bootstrap置济。
容易上手:只要您具備 HTML 和 CSS 的基礎(chǔ)知識解恰,您就可以開始學習 Bootstrap。
響應(yīng)式設(shè)計:Bootstrap 的響應(yīng)式 CSS 能夠自適應(yīng)于臺式機浙于、平板電腦和手機护盈。
<h3>3.如何引入cdn(官網(wǎng)給出了方法,也可以引入百度的)
<!-- 新 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" >
<!-- 可選的Bootstrap主題文件(一般不用引入) -->
<link rel="stylesheet" >
<!-- jQuery文件羞酗。務(wù)必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<h2>4.也可下載之后引入本地
<h2>5.viewpoint屬性
<meta name="viewport" content="width=device-width, user-scalable=no" >
width: 視口的寬度腐宋,可以取值為數(shù)值,或device-width
height:視口的高度檀轨,一般不指定
initial-scale:初始時的縮放倍率
minimum-scale : 允許的最小縮放倍率
maximum-scale : 允許的最大縮放倍率
user-scalable : 是否允許用戶手動縮放胸竞,可取值1/0/yes/no
<h2>6.css media query
<link media="screen and (min-width:990px) and (max-width:1000px)" rel="stylesheet" type="text/css" href="css/pc.css"/>
也可以:
在css中直接區(qū)分
eg:@media screen and (min-width: xxpx) { }