em与rem之间的区别：

• 共同点：

1. 它们都是像素单位
2. 它们都是相对单位

• 不同点：

1. em大小是基于父元素的字体大小
2. rem大小是基于根元素(html)的字体的大小

实例：

    
                 
     
        
      
       AAAAA
      
        
      
       AAAAA
      
    
     

rem适配方案:

• 核心原理：宽度和高度都能做到适配（等比缩放）
• 通过控制 html 元素上的字体大小去控制页面上所有以rem为单位的基准值，控制尺寸
• 核心换算公式：当前rem基准值 = 预设基准值 / 设计稿宽度 * 当前设备的宽度
• 技术：媒体查询

实例:

• 预设基准值： 100px
• 设计稿宽度：640px
• 假设的设备：640px， 414px，  320px
• 注意：由于媒体查询代码是从上往下执行的，所以代码书写顺序要从小到大(如果不的话，可以选择其他方案，例如：min-width 和 max-width 都设置)

    
         
         
                 
     
      购物车