資訊專欄INFORMATION COLUMN
摘要：與在設(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)指的是像素，是屏幕上顯示數(shù)據(jù)的最基本的點，表示相對大小。不同分辨率下相同長度的px元素顯示會不一樣，比如同樣是14px大小的字，在1366*768顯示屏下會顯示的小，在1024*768尺寸的顯示器下會相對大點。
px和pt轉(zhuǎn)換規(guī)則很簡單，默認的顯示設(shè)置中把文字定義為96DPI，由公式px=pt*DPI/72，可得pt=px*3/4。
em和remem是相對長度單位，相對于當前對象內(nèi)文本的字體尺寸，即em的計算是基于父級元素font-size的。比如：
我這里的字體顯示大小是28px(14px*2)
我這里顯示字體大小是36px(18px*2),而不是上面計算的28px
rem是css3新增的一個相對單位，與em的區(qū)別在于，它是相對于html根元素的(在body標簽里面設(shè)置字體大小不起作用)。還是上面那個例子，如果換做rem，結(jié)果如下：
我這里的字體顯示大小是32px(16px*2),因為我是根據(jù)html根元素的font-size大小進行計算的
我這里顯示字體大小是32px(16px*2),因為我是根據(jù)html根元素的font-size大小進行計算的
*補充默認font-size大小是16px(如果html中沒有設(shè)置的話)。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/49790.html
摘要：與在設(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...
摘要：單位總結(jié)公共部分長度像素，同一屏幕分辨率下是絕對單位。 CSS單位總結(jié) 公共部分css body { background-color: #000; color: skyblue; margin: 0; padding: 0; } body>div>div { border: 1px solid cyan; padding: 10px; margin: 1...
摘要：單位總結(jié)公共部分長度像素，同一屏幕分辨率下是絕對單位。 CSS單位總結(jié) 公共部分css body { background-color: #000; color: skyblue; margin: 0; padding: 0; } body>div>div { border: 1px solid cyan; padding: 10px; margin: 1...
摘要：一絕對長度單位絕對長度單位代表一個物理測量，當輸出介質(zhì)的物理性質(zhì)是已知的，如用于打印布局。對于打印機和高分辨率的屏幕，一個意味著多個設(shè)備像素，因此，每英寸的像素的數(shù)量保持在左右。是新增的單位，等于根元素的字體大小。 一、絕對長度單位 絕對長度單位代表一個物理測量，當輸出介質(zhì)的物理性質(zhì)是已知的，如用于打印布局。這是通過將一個單元錨定到一個物理單元，并將其定義為相對于它的另一個。對于低分辨...
摘要：常用單位在中可以用很多不同的方式來設(shè)定字體的尺寸。當你為一個元素添加單位時，應(yīng)當考慮到所有父元素的字體尺寸。例寬度是中新提出的一個單位，通過寬度來計算字體尺寸。 個人翻譯，轉(zhuǎn)載請注明出處 英文原文：CSS Font Sizing 寫在前面 上一篇文章如何做好移動端的響應(yīng)式設(shè)計：Viewport控制討論到了CSS像素，于是我決定研究一下如何用不同的方式來在CSS中設(shè)定字體...
閱讀 1613·2021-11-22 09:34
閱讀 1696·2019-08-29 16:36
閱讀 2677·2019-08-29 15:43
閱讀 3121·2019-08-29 13:57
閱讀 1306·2019-08-28 18:05
閱讀 1885·2019-08-26 18:26
閱讀 3254·2019-08-26 10:39
閱讀 3467·2019-08-23 18:40
