方法一

    给根元素（HTML）修改他的字符大小，例如 ： font-size:50px;

    然后在写页面时，各个子元素的尺寸都写成根元素尺寸的比例： rem 这个单位，这个单位代表的就是 1rem = 根元素字符大小，屏幕尺寸变化时，我们只需要根据屏幕尺寸变化比例修改根元素字符大小就可以做到适配

    方法二

    1vw等于屏幕可见尺寸的1%，所以100vw就等于整个屏幕宽度，同理的还有vh，100vh等于整个屏幕的高度；

    所以我们在设置时，只需要对根元素（HTML）字符大小设置一个固定vh值，子元素设置 rem ，那么我们就可以让元素自动根据屏幕尺寸调节大小。