機智雲官網用到的庫-primer.css我解析

Primer ：解析結果-不要用。棄用理由：primer.css至關於默認樣式，該文件有一大堆標籤和類，單位是px和em，我認爲在實際開發中會形成類名衝突、px em rem混用影響響應式佈局、以及後期反編譯成本過高。

Primer做用：它的目的僅限於提供通用部件，爲咱們的開發者提供最大的靈活性 http://www.cnblogs.com/lhb25/p/primer-css-toolkit-and-guidelines.html

什麼是Primer：
Primer 是GitHub CSS內部的一個框架,，用於那些公開或者內部的應用的公共樣式和組件。包括：
Normalize
盒子大小，排版，連接等方面的全局樣式
導航
表單
格子系統
Markdown樣式
自定義選擇菜單
（詳見http://blog.jobbole.com/75480/ 裏搜」用於那些公開或者內部的應用的公共樣式和組件「）

 

如下圖片，默認樣式和header.b9e4b18.css以及grid.db0a3f1.css都在：

加了primer.css結構成3列響應式佈局：——成3列不是primer.css的功勞，而是grid.db0a3f1.css的功勞

沒加primer.css效果：依然是響應式，拉縮瀏寬跟着瀏動。但不是自動成三列了

 

如下圖片，有header.b9e4b18.css和primer、grid.db0a3f1.css，只沒有默認樣式：  沒有默認樣式後，只不過字體變動大等基本樣式改變，默認樣式不影響primer 忽略不計。

 

有primer和沒primer的不一樣：

如下圖片，默認樣式和primer、header.b9e4b18.css都在，只沒有grid.db0a3f1.css

如下圖片，有默認樣式、header.b9e4b18.css都在，而grid.db0a3f1.css、primer都沒有。沒grid和primer拉瀏依然能實現響應式

————————————————————————

總總結：

響應式不是primer的功勞，也不是grid的功勞；

三列是grid的功勞。