pure制作响应式布局网页，源码我传到群614199665了

知识要点

随着移动端的兴起，网页响应式布局已不是什么新鲜事了，即页面的结构可以根据设备的宽度的不同而展现不同的效果，使得用户的观感和用户体验更好。而做响应式布局可能大家接触比较多的就是Bootstrap，Bootstrap确实是一款很优秀的前端框架，而且应用非常广，但是如果只是为了做响应式布局的话，真的是"杀鸡焉用牛刀"，为什么呢？因为boostrtap的压缩版也有362kb，而今天给大家介绍的这款css组件：pure，只有多大呢？3.7kb，在流量为王的时代，在响应式布局这块，pure的性能速度简直狠甩bootstrap一大条街。那pure怎么使用呢？ 用法其实和bootstrap差不多：

step 1:

将 Pure 引入你的页面

step 2:

添加 Viewport Meta 元素

step 3:

引入响应式布局相关css

step 4：

根据需求按照pure的标准写不同的class

Eg：