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：
推荐阅读：旗龙
-
华为食堂遭曝光：看的我泪流满面
华为凭什么这么牛？钱给到位了！最近华为的食堂也爆红网络，验证了那句名言，“要留住员工的心，先要留住员工的胃！”最近，华为海外员工的食堂再次刷爆网络。为了留住员工...
2019-09-05 -
库克：你想要的样子，新iPhone全都有！
还有几天就步入9月，万众期待的苹果公司秋季发布会也即将到来。按照往年的发布会来看，今年库克也将新款iPhone带给我们，不出意外的话吗，他们是iPhone 11...
2019-09-05 -
华为火力全开，4款新机9月发布，国产实力早已
各大手机厂商为抢占下半年的手机市场，都会在9月扎堆发布新一代旗舰手机，在9月即将发布的10多款新机中，发布最频繁的将会是华为，华为将带来连续4款新品发布的机海战...
2019-09-05 -
辣评烩：小米9S要来了 小米9宣布降价300
鲁大师网友辣评烩，搜罗、汇集每日新鲜有趣的科技圈八卦、网友犀利辣评，畅快了解科技圈最新动态！小米9S要来了 小米9宣布降价300让路【原文回顾】此前联通曾曝光了...
2019-09-05 -
9月好机推荐：OPPO Reno/魅族/一加
不少同事在问“最近哪些硬核拍照手机值得入手”，答案就是：其实最新出不久的OPPO Reno、一加7、荣耀20、魅族等机型正大火，在拍照实力上可谓大家公认的好。所...
2019-09-05 -
苹果iPhone 64G手机能装多少应用 9
苹果2019秋季新品发布会还有一周，对于今年新iPhone的存储空间，现在也是很多人关注的重点。说起来从16G手机到32G，再到64G、128G、256G，大家...
2019-09-05 -
6400万像素的相机拍照什么样？揭秘Redm
智东西（公众号：zhidxcom）文 | 轩窗8月29日，小米旗下品牌Redmi发布新机Redmi Note 8系列，主打拍照性能，其中Redmi Note8 ...
2019-09-05 -
这不是老年助力车吗？研发者称：续航1600公
电动汽车真的可以达到续航1600公里的标准吗？你可能不会觉得这是真的，但Aptera这家企业正在做这件不可思议的事情，该公司预计2022年推出续航高达1600公...
2019-09-05
