1、響應式開發介紹

a、網頁布局方式

b、響應式布局

優點：用一個頁面適配不同終端的展示

缺點：產生代碼冗余，同時使網頁體積變得很龐大，不會因為終端的改變而改變網頁的體積，不同終端上有些沒有顯示出來的實際上也加載個渲染了只是看不到，但是那些資源都請求了，那對瀏覽頁面速度和流量而言影響也很大，所以在移動端會帶來性能問題

2、媒體查詢介紹和應用

媒體查詢用法

1、第一種

2、第二種

3、bootstrap介紹

css框架----組件框架----強大之處在于響應式布局(柵格化布局 )

bootstrap框架

bootstrap使用----bootstrap是基于jquery的css框架

1、下載包

2、使用

a、設置meta，引入文件------搭建bootstrap運行環境

b、運用組件

不僅僅是簡單的復制代碼，你可以自己去修改樣式，定制效果

柵格化布局

12等分? 流式布局(放不下的自動換行)

其他的柵格樣式

設置元素是否在某一個屏幕下隱藏

源碼

4、less語法

less環境的安裝和使用

less里有工具把? .less文件編譯解析生成一個對應的? ?.css文件

less語法說明

注釋：

變量：

混入(函數)：

嵌套：用的最多的

總結

以上是生活随笔為你收集整理的linux字体栅格化,响应式开发---网页的布局方式、媒体查询、栅格化布局、less语言...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。