如上需要对顶部的内容进行大小屏幕自适应有如下几种方案,争对PC端而言
方案一，按照宽高比例去使用%，每个父级元素都写宽度
思想：控制元素宽度变化，实现自适应宽度。
缺点：内容过多时，内容出现框内放不下，出现纵向紊乱问题。
现象：缩放比变化时。每个宽度越来越大，每个宽度越来越小。
h1 500/1920 * 100 %
nav
div
方案二，最大宽度最小宽度实现布局，每个子集元素都写宽度
思想：控制间距变化，实现自适应宽度。
缺点：最父级元素最小宽度放不下内容问题，内容根据背景图放哪里位置不对问题。
现象：缩放比变化时。屏幕每个内容间距变稀疏，每个内容间距变得密集。
min-width: 最小宽度大小：800
max-width：最大宽度大小 ：1920
解决方案：两者结合实现适应性布局
方案一：也可以使用min-width跟%结合
方案二：也可以使用min-width跟flex结合
/* 子元素限制了最小宽度是1602 + 2832 + 498 = 1384 */
所以其实最外层的框min-width是不用写的
当然你也可以使用min-width+vw,一个思想，好啦以上的方案就是我的全部方案啦，实现效果跟禅道的顶部布局效果一模一样。
