媒体查询 @media

  //  x > 350px； (大于350px)
 @media screen and (min-width: 350px) {
    .bottom {
      margin: 0rem .08rem 0rem .08rem;
      .icon {
        margin-right: .08rem;
      }
    }
  }
  // 330px < x <= 350px； (大于330px，小于等于350px)
  @media screen and (min-width:330px) and (max-width:350px) {
    .bottom {
      margin: 0rem .04rem 0rem .04rem;
      .icon {
        margin-right: .04rem;
      }
    }
  }
  //  x <= 330px； (小于等于330px)
  @media screen and (max-width: 330px) {
    .bottom {
      margin: 0rem;
      .icon {
        margin-right: 0rem;
      }
    }
  }