pc端响应式布局

// 大于800px

@media only screen and (min-width: 800px){

    .homecontainer{

      font-size: 1vw;

      .subdiv{

        width: 100%;

        display: flex;

        justify-content: space-around;

        font-size: .5em;

        .left{

          width: 48%;

          height: 100%;

          font-size: .8em;

        }

        .right{

          width: 48%;

          height: 100%;

          font-size: .8em;

        }

      }

    }

}

// 小于800px

@media only screen and (max-width: 800px){

    ._homecontainer{

      font-size: 1vw;

      ._subdiv{

        width: 100%;

        display: flex;

        flex-direction: column;

        // justify-content: space-around;

        font-size: .5em;

        .left{

          width: 100%;

          height: 100%;

          font-size: .8em;

        }

        .right{

          width: 100%;

          height: 100%;

          font-size: .8em;

        }

      }

    }

}