大家寫的網頁需要在不同的裝置來瀏覽，也包括同一裝置的不同的瀏覽器大小，所以，開發乙個響應式**是很有必要的，接下來，我會簡單的談談如何開發乙個響應式的介面
1.不可以使用絕對寬度的布局和元素，例如width：940px是不可以的，可以設定為width：auto（自適應）或者width：100%。
對於字型，使用相對單位em。em是相對「當前頁面」的字型大小而言的，比如預設字型大小是16px，實現首行縮排就可以寫，text-indent：2em；
接下來是詳細的**和注釋
text
text
text
text
text
頁尾
接下來是為螢幕設定三個寬度樣式，
/*max-width代表在最大980px的寬度下使用這個css布局*/
@media screen and (max-width: 980px)
#content
#sidebar
}/*max-width代表在最大700px的寬度下使用這個css布局*/
@media screen and (max-width: 700px)
#sidebar
}/*max-width代表在最大400px的寬度下使用這個css布局*/
@media screen and (max-width: 480px)
h1 #sidebar
}
當縮小螢幕後的效果
在實際的開發中，可以更多的支援移動裝置
vue cli如何引入bootstrap工具
這一批博文是博主由搬移過來的，所以時間上可能存在混亂，希望大家見諒！以下操作以正常安裝node環境為前提。1.引入jq 2.修改build目錄下的webpack.base.conf.js配置檔案 1 加入webpack物件 var webpack require webpack 2 在module....
如何使用bootstrap柵格系統？
1.背景介紹 bootstrap內建了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕裝置或視口 viewport 尺寸的增加，系統會自動分為最多12列。2 網格系統的實現原理非常簡單，僅僅是通過定義容器大小，平分12份 也有平分成24份或32份，但12份是最常見的 再調整內外邊距，最後結合 查詢，...
關於bootstrap的一些學習理解
bootstrap是如何工作的？格柵布局如何執行注意點如下 1.它有三個重要的組成部分 容器 行 列 2.class container 能用來設定寬度。container fluid 設定全屏寬度。它們都可以用來居中你的 內容並且對其你的單元格 3.rows可以看成是橫的列，用來確保你的列是正確對...