上次报告中，潘老师展示了四福网站设计的优势，其中一个就是页面随屏幕大小自动变化，先看几张图了解一下这个神奇总而言之，这是在普通宽屏（1920*1080）下放大到165%的效果，你会发现搜索框变窄了，创建按钮从文字变成了图标，放大了效果进入195%，你会发现左右两侧的竖条消失了，导航栏中的通知和私信图标以及右侧的一些链接也消失了，导航栏下方多了一行导航.然后老师问了一个问题，如何实现呢？作为新手小白，css的使用也只是入门。我大概知道bootstrap上的网格可以在不同尺寸的屏幕上自动排列成列，但我不太了解图标随屏幕尺寸变化和消失的情况。之后为了查明原因，直接扒了网页的源码。首先，我先搞清楚创建按钮是怎么变成+号的。先找到“创建按钮”，创建按钮下面的i标签是放大的+号，然后删除除创建按钮和i标签以外的所有其他无关代码。这时候按钮还有放大后变化的功能，接下来的过程很快。没脑子，就把它们的类属性一个一个删掉，找回让按钮变化的函数，最后，我锁定了这个属性可见（visible）。我在网上查了一下，找到了答案。这个visible就是bootstrap中的自动隐藏和显示。唉，看文档的时候没仔细看。我不擅长学习。回到首页源码，搜索visible。此属性用于所有基本更改。另外在div的类中设置多个网格可以在相应大小的屏幕上显示
