我们利用flex弹性布局来快速完成一个PC端通用布局的解决方案，以后遇到类似布局可以直接仿照当前布局方案来做
代码：
效果：
PC端的通用布局大体上就这样，可以仿照这个flex自己动手试试
注：图中为了演示效果把高度都调低了 实际开发科根据自身需求调节高度大小
接下来我们利用flex弹性布局来快速完成一个移动端通用布局的解决方案，以后遇到类似布局可以直接仿照当前布局方案来做
代码：
效果图：
注：以上主要代码都在代码块重做了注释，请详细阅读代码，以上移动端布局示例都是采用flex弹性布局来做的。
1.请结合图中代码亲自动手试一下效果，用到的技术：阿里云字体图标的引用，flex弹性布局，css其他样式属性
2.以上两个示例只是大部分网站通用的格式，可根据自己的想法进行修改和重新布局
如果您觉得本文的内容对您的学习有所帮助：
关键字：
jquery