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