rem媒体查询

　　

     @media only screen and (min- 1080px), only screen and (min-device-1080px) {
     html,body {
         font-size:168.75px;
     }
   }
   @media only screen and (max- 1080px), only screen and (max-device-1080px) {
     html,body {
         font-size:168.75px;
     }
   }
     @media only screen and (max- 960px), only screen and (max-device-960px) {
     html,body {
         font-size:150px;
     }
   }
     @media only screen and (max- 800px), only screen and (max-device-800px) {
     html,body {
         font-size:125px;
     }
   }
     @media only screen and (max- 720px), only screen and (max-device-720px) {
     html,body {
         font-size:112.5px;
     }
   }
     @media only screen and (max- 640px), only screen and (max-device-640px) {
     html,body {
         font-size:100px;
     }
   }
     @media only screen and (max- 600px), only screen and (max-device-600px) {
     html,body {
         font-size:93.75px;
     }
   }
     @media only screen and (max- 540px), only screen and (max-device-540px) {
     html,body {
         font-size:84.375px;
     }
   }
     @media only screen and (max- 480px), only screen and (max-device-480px) {
     html,body {
         font-size:75px;
     }
   }
     @media only screen and (max- 414px), only screen and (max-device-414px) {
     html,body {
         font-size:64.6875px;
     }
   }
     @media only screen and (max- 400px), only screen and (max-device-400px) {
     html,body {
         font-size:62.5px;
     }
   }
     @media only screen and (max- 375px), only screen and (max-device-375px) {
     html,body {
         font-size:58.59375px;
     }
   }
     @media only screen and (max- 360px), only screen and (max-device-360px) {
     html,body {
         font-size:56.25px;
     }
   }
     @media only screen and (max- 320px), only screen and (max-device-320px) {
     html,body {
         font-size:50px;
     }
   }
     @media only screen and (max- 240px), only screen and (max-device-240px) {
     html,body {
         font-size:37.5px;
     }
   }