CSS3几种新的长度单位
參考文章：http://www.webhek.com/7-new-css-units
標記說明：
數字上標為有疑惑的地方
盡量做到在專有名字后面給出英文翻譯，因為官方的文檔基本上是英文的，經過各個讀者的翻譯后可能有所區別而產生歧義。
?
概述：
em：相對于當前對象內文本的字體大小。相對于父節點的字體大小
rem：相對于根元素<html>的字體大小。應用場景：以文字內容決定布局的。
vh和vv：1vh等于1/100的視口高度①，1vw等于1/100的視口寬度。
vmin和vmax：關于視口高度和寬度的最小值或最大值，vmin等于1/100的視口寬高中的最小值。應用場景：讓一個元素始終在屏幕中可見。
ch：數字0的寬度
ex：當前字體的小寫x字母的的高度或者1/2的1em②。應用場景：上實上標和下標
?
提取到的信息：
1、font-size：若沒有聲明則會繼承父節點的屬性
?
引申：
①window, document,body寬高：
body高度是body元素的高度（包括邊框滾動條等），四周默認帶有8px的margin
若沒給html設置顏色，給body設置了顏色，則body的顏色填充整個背景
視口viewport指的是瀏覽器可視范圍，除去邊框，滾動條，工具欄的文檔顯示區域
②0.5em怎么可能和1ex相等？
實際測試后發現設置0.5em與1ex的表現略有區別。畢竟小寫x字母不一等是字體大小font-size的一半。當然不能排除有種字體剛好滿足這個條件
relative：會在應有的位置上進行偏移。dom的原位置保留
轉載于:https://www.cnblogs.com/cack/p/6250196.html
總結
以上是生活随笔為你收集整理的CSS3几种新的长度单位的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php 扩展 suhosin 配置不当引
- 下一篇： CSS3的边框（二）