zoukankan      html  css  js  c++  java
  • 移动端适配

    移动端适配:

        em单位:浏览器默认的是1em=16px,由于em是相对于父元素大小决定的,要经常计算很麻烦,所以基本不使用。

        rem单位:浏览器默认的是1em=16px,rem是相对于root元素大小(也就是Html),相对固定,移动端基本使用都是rem单位。

            【注】量出来的px除以16就可以了,比如量出来的字体是12,除以16 ,也就是0.75rem.

        vw单位:即使给html设置100px(纯属方便计算,除以100就好了,例:量出来12,就除以100,就是0.12),从根本来讲px还是个固定单位,所以要换成vw,可以根据视口变化进行变化。(更适配于移动端)。

          【注】满屏的时候是100vw,可以当做百分比来计算

        postcss-pxtorem:rootValue就是设置根元素大小,这里根据750的设计稿来讲,为了方便计算设置为32,对应16px

            【注】750是物理像素,实际解析是375px

              假如设置根元素为100px

              1rem = 100px

              100vw = 375px

              375/100  

              1vw = 3.75px

              1rem =100px

              100px /3.75px  =26.6666666667vw  1rem =26.6666666667vw

            

        

  • 相关阅读:
    java冒泡算法和选择排序法
    JDBC操作数据库,比如修改电商数据库中的分类的id,让各商品随机
    RF使用
    安装RF框架(基于Python)
    selenium+java的常使用的一些操作
    selenium的常用操作
    selenium的8种定位方式(java举例)
    服务管理
    Linux软件安装
    项目依赖
  • 原文地址:https://www.cnblogs.com/Yzhi/p/10780316.html
Copyright © 2011-2022 走看看