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

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    </head>
    <style>
    /* 750物理像素除以100等于7.5 算出一个物理像素 vw是是手机视口像素 把他分成100份 1个物理像素vw等于两个逻辑像素 7.5除以2等于3.75px 然后在然后100px除以1个逻辑像素3.75 所以等于26.67vw 相当于100px
    vw就像%号一样会自己计算
    */
    /*pc端因为没有 dpi  所以可以直接pc端物理像素直接除以100等于19.2vw(分成100份  以1920为例在这儿) 如果要设成65px 那就65/19.2  为3.3vw
    */
    html{
    font-size:26.67vw;
    }
    html,body{
    margin:0;padding:0;
    100%;
    height:100%;
    }
    div{
    height:0.64rem;
     
    background:black;
    }
    </style>
    <body>
    <div>
    </div>
    <script>
    console.log(window.resize)
     
    </script>
    </body>
    </html>
  • 相关阅读:
    Day Six(Beta)
    Day Five (beta)
    Day Four(Beta)
    Day Three(Beta)
    Day Two(Beta)
    Day One(Beta)
    项目冲刺——总结
    beta版本贡献率
    软件工程实践总结
    团队作业--Beta版本冲刺
  • 原文地址:https://www.cnblogs.com/wang-z-z/p/8489684.html
Copyright © 2011-2022 走看看