px、 rem、em 复习

• px

  • 物理像素，相对于设备像素密度
  • 优点：兼容性好，兼容大部分浏览器
  • 缺点：不支持响应式，不支持动态变化

• rem

  • 相对像素，相对于根元素font-size
  • 优点：支持响应式，支持动态变化
  • 缺点：兼容性差，不支持IE8以下浏览器

• em

  • 相对像素，相对于父元素font-size / 父元素未设置font-size就相对于根元素font-size
  • 优点：支持响应式，支持动态变化
  • 缺点：兼容性差，不支持IE8以下浏览器