zoukankan      html  css  js  c++  java
  • 手机自适应

    @media only screen and (max- 1080px), only screen and (max-device-1080px) {
    html,body {
    font-size:16.875px;
    }
    }
    @media only screen and (max- 960px), only screen and (max-device-960px) {
    html,body {
    font-size:15px;
    }
    }
    @media only screen and (max- 800px), only screen and (max-device-800px) {
    html,body {
    font-size:12.5px;
    }
    }
    @media only screen and (max- 720px), only screen and (max-device-720px) {
    html,body {
    font-size:11.25px;
    }
    }
    @media only screen and (max- 640px), only screen and (max-device-640px) {
    html,body {
    font-size:10px;
    }
    }
    @media only screen and (max- 600px), only screen and (max-device-600px) {
    html,body {
    font-size:9.375px;
    }
    }
    @media only screen and (max- 540px), only screen and (max-device-540px) {
    html,body {
    font-size:8.4375px;
    }
    }
    @media only screen and (max- 480px), only screen and (max-device-480px) {
    html,body {
    font-size:7.5px;
    }
    }
    @media only screen and (max- 414px), only screen and (max-device-414px) {
    html,body {
    font-size:6.46875px;
    }
    }
    @media only screen and (max- 400px), only screen and (max-device-400px) {
    html,body {
    font-size:6.25px;
    }
    }
    @media only screen and (max- 375px), only screen and (max-device-375px) {
    html,body {
    font-size:5.859375px;
    }
    }
    @media only screen and (max- 360px), only screen and (max-device-360px) {
    html,body {
    font-size:5.625px;
    }
    }
    @media only screen and (max- 320px), only screen and (max-device-320px) {
    html,body {
    font-size:5px;
    }
    }
    @media only screen and (max- 240px), only screen and (max-device-240px) {
    html, body {
    font-size: 3.75px;
    }
    }
  • 相关阅读:
    2019 SDN上机第五次作业
    软件工程实践作业——软件评测
    2019 SDN上机第四次作业
    2019 SDN阅读作业
    2019 SDN上机第三次作业
    2020年系统综合实践 期末大作业 19组
    2020年系统综合实践 第7次实践作业 07组
    2020年系统综合实践 第6次实践作业 07组
    2020年系统综合实践 第五次作业
    2020年系统综合实践 第四次作业
  • 原文地址:https://www.cnblogs.com/lckblog/p/6490532.html
Copyright © 2011-2022 走看看