1、響應(yīng)式開發(fā)介紹

a、網(wǎng)頁布局方式

b、響應(yīng)式布局

優(yōu)點(diǎn)：用一個(gè)頁面適配不同終端的展示

缺點(diǎn)：產(chǎn)生代碼冗余，同時(shí)使網(wǎng)頁體積變得很龐大，不會(huì)因?yàn)榻K端的改變而改變網(wǎng)頁的體積，不同終端上有些沒有顯示出來的實(shí)際上也加載個(gè)渲染了只是看不到，但是那些資源都請求了，那對瀏覽頁面速度和流量而言影響也很大，所以在移動(dòng)端會(huì)帶來性能問題

2、媒體查詢介紹和應(yīng)用

媒體查詢用法

1、第一種

2、第二種

3、bootstrap介紹

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

bootstrap框架

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

1、下載包

2、使用

a、設(shè)置meta，引入文件------搭建bootstrap運(yùn)行環(huán)境

b、運(yùn)用組件

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

柵格化布局

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

其他的柵格樣式

設(shè)置元素是否在某一個(gè)屏幕下隱藏

源碼

4、less語法

less環(huán)境的安裝和使用

less里有工具把? .less文件編譯解析生成一個(gè)對應(yīng)的? ?.css文件

less語法說明

注釋：

變量：

混入(函數(shù))：

嵌套：用的最多的

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。