自适应页面,百分比布局,rem比较,以及移动端适配方案

项目的github地址为： https://github.com/sunshine940326/css3formeledemo本文首发于我的个人博客，http://cherryblog.site/ ；欢迎大家查看我的其他博客最近在做公司后台的优化项目，拿到设计稿一看，设计师觉得…

作者在月初的时候，发了CSS3热身实战--过渡与动画（实现炫酷下拉，手风琴，无缝滚动）。js的代码库也发过两次，两篇文章。之前也写了css3的热身实战，既然热身完了，是时候开始封装css3的代码库了，相比起js的代码库，css3的代码库的逻辑性就更加简单了！可以说只要打上注释和一张效果图就可以让大家明白了其中的原理了！

CSS Grid是一个强大的 web 二维布局工具，能够以行和列来进行布局； 1. 网格容器 通过设置display的属性为grid或inline-grid来创建网格容器； display: grid 默认行排列，宽度为容器的宽度； .container{ display: gr…