HTML上根关联的单位

时间：2014-6-11

   关联于尺寸的单位是十分有益的,但如果想要使用一种给予用户更多控制权的单位,则可以使用一个关联于设置值的单位.root em是一种排版单位,它与em一样基于大写字母的宽度.但这个定义并不是那么重要,读者只需要知道可以将rem用于关联尺寸的更改就足够了.
  rem与em的区别是,em是继承的,而rem是固定的,例如,将一个文件根的字体大小设置为10px;
  html{font-size:10px;}
  如果想要生成一个大小为12px的p元素,则可以通过下方式使用rem和em中的任一种:
  p{font-size:1.2em;}
  p{font-size:1.2rem}
  到目前为止,两者的所有操作都相同,但现在, 假设p元素中包含一个b元素,接下来生成一个在龙潭虎穴为13px的b元素,由于em是继承的,所以必须使用较小的数值除以较大的数值以获取新的字体大小:
  p b{ font-size:1.08333em }
  使用em的两个缺点是一数字位较长的数值会变得越来越难以处理;二是不同的浏览器对数值的取整方式不同.但rem值并没有这些问题,这使得它比em更易于使用.