移动端知识点总结（一）https://developer.aliyun.com/article/1384476
九、移动端—视口
十、移动端—浏览器
移动端浏览器市场比例
十一、rem px em的区别
- px:像素 相对单位
- rem:相对单位，相对于HTML元素的根元素大小 默认1rem =16px
- em:相对元素，相对于当前的元素的大小，如果当前的元素没有设置大小，向上级找参考点，找具有大小的元素1em=16px
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> html { font-size: 10px; } .div1 { font-size: 32px; } .div2 { font-size: 2rem; } .div3 { font-size: 2em; } .baba { font-size: 2em; } </style> </head> <body> <div class="div1">div1</div> <div class="div2">div2</div> <div class="baba">baba <div class="div3">div3</div> </div> </body> </html>
十二、移动端适配方案—rem
十三、移动端适配方案—vw布局
