css手机端知识

<!--选择器 宽度适应设备加在head
     meta charset="UTF-8"
     meta name="viewport" content="width=device-width, initial-scale=1.0"

     @media screen and (max-width:xxpx)
     x{                
         display none
     }                        
     手机<768px, 平板<992px, PC<1200px  max从大到小写 min从小到大
     低于xx宽度 x隐藏
    手机端   vw宽度 rem相对单位 相对于html
     html的字体大小 100/实际宽度*100=。。。vw
     设计图宽度/100=x rm

posted on 2020-04-22 10:51  vermouthmo  阅读(247)  评论(0)    收藏  举报

导航