資訊專欄INFORMATION COLUMN
摘要：一絕對長度單位絕對長度單位代表一個物理測量，當(dāng)輸出介質(zhì)的物理性質(zhì)是已知的，如用于打印布局。對于打印機和高分辨率的屏幕，一個意味著多個設(shè)備像素，因此，每英寸的像素的數(shù)量保持在左右。是新增的單位，等于根元素的字體大小。
一、絕對長度單位
1.1 px（像素）絕對長度單位代表一個物理測量，當(dāng)輸出介質(zhì)的物理性質(zhì)是已知的，如用于打印布局。這是通過將一個單元錨定到一個物理單元，并將其定義為相對于它的另一個。對于低分辨率的設(shè)備，如屏幕、高分辨率設(shè)備，如打印機，該錨定是不同的。
像素與顯示設(shè)備相關(guān)。對于屏幕顯示，通常是一個設(shè)備像素（點）的顯示。對于打印機和高分辨率的屏幕，一個px意味著多個設(shè)備像素，因此，每英寸的像素的數(shù)量保持在96左右。
當(dāng)你需要精確地像素時，用px設(shè)定字體大小是一種好方法。一像素的大小是固定的。這是一個不取決于平臺的、跨瀏覽器的準確設(shè)置字體大小高度為你所想的像素大小的方法。因為不同瀏覽器為得到同樣效果的算法可能不同，所以顯示效果可能有微小的不同。
用像素字體定義使得字體大小不可由用戶的瀏覽器改變。所以，如果想創(chuàng)造能廣泛使用的設(shè)計請避免使用像素設(shè)定字體。
1.2 pt（磅）1pt = (1 / 72)in。
另外：1in = 96px，3pt = 4px，25.4mm = 96px等。
2.1 em相對字體大小的單位
em值的大小是動態(tài)的。當(dāng)定義font-size屬性時，1em等于元素的父元素的字體大小。如果你在網(wǎng)頁中任何地方都沒有設(shè)置文字大小的話，那它將等于瀏覽器默認文字大小，通常是16px。所以通常1em = 16px，2em = 32px。如果你設(shè)置了body元素的字體大小為20px，那1em = 20px，2em = 40px。那個2就是當(dāng)前em`大小的倍數(shù)。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/111636.html
相關(guān)文章
深入理解<em>CSSem>中em, rem, ex區(qū)別，及使用技巧
摘要：中常見尺寸單位描述百分比英寸厘米毫米一個是一個字體的。在中，是非常有用的單位，因為它可以自動適應(yīng)用戶所使用的字體。在中唯一例外的是屬性，它的和值指的是相對父元素的字體大小。 CSS 中常見尺寸 單位 描述 % 百分比 in 英寸 cm 厘米 mm 毫米 ex 一個 ex 是一個字體的 x-height。 (x-height 通常是字體尺寸的一半。) pt ...
<em>ptem>，<em>pxem>，rem和em之間區(qū)別總結(jié)
摘要：與在設(shè)計字體的樣式中，有些字體設(shè)置成，而不是，那是什么，和又有什么關(guān)系呢是印刷行業(yè)常用的單位，等于英寸，表示絕對長度。指的是像素，是屏幕上顯示數(shù)據(jù)的最基本的點，表示相對大小。 pt與px 在html設(shè)計字體的css樣式中，有些字體設(shè)置成14pt，而不是14px，那pt是什么，和px又有什么關(guān)系呢？ pt(point)是印刷行業(yè)常用的單位，等于1/72英寸，表示絕對長度。px(pixel...
<em>ptem>，<em>pxem>，rem和em之間區(qū)別總結(jié)
摘要：與在設(shè)計字體的樣式中，有些字體設(shè)置成，而不是，那是什么，和又有什么關(guān)系呢是印刷行業(yè)常用的單位，等于英寸，表示絕對長度。指的是像素，是屏幕上顯示數(shù)據(jù)的最基本的點，表示相對大小。 pt與px 在html設(shè)計字體的css樣式中，有些字體設(shè)置成14pt，而不是14px，那pt是什么，和px又有什么關(guān)系呢？ pt(point)是印刷行業(yè)常用的單位，等于1/72英寸，表示絕對長度。px(pixel...
關(guān)于<em>CSSem>中的字體尺寸設(shè)置
摘要：常用單位在中可以用很多不同的方式來設(shè)定字體的尺寸。當(dāng)你為一個元素添加單位時，應(yīng)當(dāng)考慮到所有父元素的字體尺寸。例寬度是中新提出的一個單位，通過寬度來計算字體尺寸。 個人翻譯，轉(zhuǎn)載請注明出處 英文原文：CSS Font Sizing 寫在前面 上一篇文章如何做好移動端的響應(yīng)式設(shè)計：Viewport控制討論到了CSS像素，于是我決定研究一下如何用不同的方式來在CSS中設(shè)定字體...
<em>CSSem> 單位
摘要：概覽中的長度單位有很多，覺得有必要整理備忘。單位大體分為兩大類絕對單位，不會因為其他元素的尺寸變化而變化。如果想使用顯示窗口的寬度或高度而不是父元素的寬度將會怎么樣這正是和單位所提供的。和現(xiàn)代瀏覽器都支持這兩個單位。 概覽 CSS中的長度單位有很多，覺得有必要整理備忘。 網(wǎng)上介紹的也比較多和全，詳見參考資料。 單位大體分為兩大類： 絕對單位 ，不會因為其他元素的尺寸變化而變化。 相對...
發(fā)表評論
0條評論
Lemon_95
男|高級講師
TA的文章
閱讀更多
手寫HashMap，快手面試官直呼內(nèi)行！
閱讀 1856·2021-11-24 09:39
怎么快速成為一名JAVA程序猿?
閱讀 2318·2021-09-30 09:47
缺省主機連接數(shù)限制是什么-路由器的缺省網(wǎng)關(guān)是什么意思？
閱讀 4208·2021-09-22 15:57
css魔法——左邊豎條的實現(xiàn)方法
閱讀 1918·2019-08-29 18:36
關(guān)于一些Vue的文章。（1）
閱讀 3610·2019-08-29 12:21
前端開源項目周報0321
閱讀 621·2019-08-29 12:17
（CSS） px，pt，em，rem的區(qū)別
閱讀 1295·2019-08-29 11:25
讓footer固定在頁面（視口）底部
閱讀 755·2019-08-28 18:26
最新活動
