根據(jù)內容調整字體大小
https://github.com/davatron5000/FitText.js
使用 rem 做字體長度，便于調整
如果所有的字體大小都使用 rem 單位，那么只要修改根元素 (<html>)的字體大小舔稀，就能修改整個頁面的字體摊溶。
<html style="font-size: 14px">
Note: 如果不設置份帐，根字體大小一般為 16px
小心 inline 元素之間的空白
一般來說傻寂，html元素直接的空白是被忽略的雇初，但是，inline元素屋谭，包括 inline-block ，如果元素之間有空白龟糕，會render出一定的空白桐磁，
類似英文單詞之間的空格。不注意這一點會出現(xiàn)奇觀的結果讲岁，比如：
<label>
<input type="checkbox">
<span>label</span>
</label>
input和span我擂，都是inline，為了代碼美觀他們之間有換行和對齊用的空格缓艳，瀏覽器在顯示的時候會在添加空白校摩，造成了莫名其妙的布局問題。
解決這種現(xiàn)象阶淘，可以從兩個方面入手：
- 去除添加的換行和空格：
<label>
<input type="checkbox"><span>label</span>
</label>
- 改成其他布局衙吩，比如
flex，或者把他們改成display: block溪窒。
在 checkbox 這個使用場景坤塞，個人更傾向于第一種方法。
