Day_1.《无懈可击的Web设计》_灵活的文字_html/css_WEB-ITnose

长度单位

表示相对大小的关键字

百分比值

表示绝对大小的关键字

关键字+百分比，放弃像素级别的精确度

用法：

  body{      font-size:small;  }  h1{      font-size:150%;  }

需要注意的地方：

通过em实现灵活的文字

用法：

  body{font-size:62.5%;} /* 设置为10px大小*/

rem单位

vh and vw

1vh 等于1/100的视口高度。栗子：浏览器高度900px, 1 vh = 900px/100 = 9 px。同理，如果视口宽度未750， 1vw = 750px/100 = 7.5 px。比如，我们用很简单的方法只用一行CSS代码就实现同屏幕等高的框。

  .slide{      height:100vh;  }

vmin and vmax

可以这样定义一个至少有两个边触摸到屏幕的方形：

  .box{      height:100vmin;      width:100vmin  }

如果你要让这个方形框框始终铺满整个视口的可见区域（四边始终触摸到屏幕的四边）

  .box{      height:100vmax;      width:100vmax;  }

结合使用这些单位可以为我们提供一个新颖有意思的方式来灵活地利用我们视口的大小。