美文网首页
媒体查询适配

媒体查询适配

作者: zZ_d205 | 来源:发表于2020-07-20 17:11 被阅读0次

    * {

      margin: 0;

      padding: 0;

      list-style: none;

      font-family: HelveticaNeue-CondensedBol;

    }

    ul {

      list-style: none;

    }

    a {

      text-decoration: none;

    }

    i {

      font-style: normal;

    }

    body {

      font-size: 12px;

      font-family: PingFangSC-Medium;

    }

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

      html {

        font-size: 32px;

      }

    }

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

      html {

        font-size: 42.66667px;

      }

    }

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

      html {

        font-size: 48px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 51.2px;

      }

    }

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

      html {

        font-size: 54.8px;

      }

    }

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

      html {

        font-size: 55.2px;

      }

    }

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

      html {

        font-size: 56.53333px;

      }

    }

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

      html {

        font-size: 64px;

      }

    }

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

      html {

        font-size: 72px;

      }

    }

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

      html {

        font-size: 85.33333px;

      }

    }

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

      html {

        font-size: 96px;

      }

    }

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

      html {

        font-size: 100px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

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

      html {

        font-size: 50px;

      }

    }

    相关文章

      网友评论

          本文标题:媒体查询适配

          本文链接:https://www.haomeiwen.com/subject/sluykktx.html