html自适应代码

//宽度>=500px的设备会将.name p的css改为 font-size: 2rem; font-weight: bold;

        @media screen and (min-width:500px) {
            .name p {
                font-size: 2rem;
                font-weight: bold;
            }
          }

//宽度<=500px的设备会将.name p的css改为 font-size: 1rem; font-weight: bold;

          @media screen and (max-width:499px) {
            .name p {
                font-size: 1rem;
                font-weight: bold;
            }
          }