移动端如何适配

版权声明：哼！坏人！这是我辛辛苦苦码的！ https://blog.csdn.net/DurianPudding/article/details/87951748

使用媒体查询做响应式布局，根据不同屏幕宽度加载不同css

@media

参考：圣杯布局完整代码

@media (max-width: 768px) {
      .holyGrail-body {
        flex-direction: column;
        flex: 1;
      }

      .holyGrail-nav, .holyGail-content, .holyGrail-ads {
        flex: 1;
      }
    }