关于px、em、rem

px

  • px是相对与屏幕分辨率而言的
  • px是固定的长度单位,因为在页面方法和缩小的时候,字体大小不变

em

  • 值为不固定的
  • 计算公式(16px ——>16/10 ——>1.6em)就是将px除以10添加em
  • em是相对于自身以上的父辈的字体大小而言,直到浏览器的默认字体大小

rem

  • 不兼容IE9及以下版本
  • rem相对于跟元素(html)而言
  • 多用于响应式的设置,移动端设计
  • 避免了em这种逐级连锁反应(与父级无关)

你可能感兴趣的:(关于px、em、rem)