机智云官网用到的库-primer.css我解析

2019独角兽企业重金招聘Python工程师标准>>>

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的功劳。

转载于:https://my.oschina.net/u/2444023/blog/742130