ui字型 pt 和 前端字型 px 之間的轉化

2021-07-27 18:26:44 字數 559 閱讀 3024

在我們開發過程中ui給我們標註的字型通常是用px或者pt標記的,但是oc提供的size的單位值是pt,這往往給我們在計算字型的時候造成一些困擾,許多新手更甚直接用px或者ps去設定字型的大小造成介面的顯示效果與ui圖不符合。

1  字型大小的設定單位,常用的有兩種: px 和 pt 。這兩個有什麼區別?

px就是表示pixel , 畫素, 是螢幕上顯示資料的最基本的點;pt就是point,是印刷行業常用單位,,等於1/72英吋。。

px是乙個點,他不是自然界的長度單位, 點 可以畫的很小,也可以畫的很大,如果很小了,那畫面就清晰,我們稱之為「解析度高」 , 反之,就是解析度低。

預設設定中,把字型定義為96ppi(畫素密度,所表示的是每英吋所擁有的畫素數量。因此ppi數值越高,即表示顯示屏能夠以越高的密度顯示影象。顯示的密度越高,**度越高) 1px = 96 英吋

綜上所述

1px = 96 * 1pt / 72

= 4*1pt / 3

1pt = 72 * 1px / 96

= 3 * 1px  / 4

如果是ps這個單位的話1px = 2 ps

字型的大小 pt 和畫素 px 如何轉換?

px 相對長度單位。畫素 pixel pt 絕對長度單位。點 point 1in 2.54cm 25.4 mm 72pt 6pc 具體換算是 points pixels ems percent 6pt 8px 0.5em 50 7pt 9px 0.55em 55 7.5pt 10px 0.625em...

原 設計稿中字型pt與px之間的轉化

通常,設計網頁時,字型一般會使用畫素 px 或者倍數 em 某一天開始重構頁面,用ps開啟設計師給過來的稿子,開始切圖,在檢視文字時,發現字型大小是用pt來設定的,b汗,如下圖 px就是表示pixel,畫素,是螢幕上顯示資料的最基本的點 pt就是point,是印刷行業常用單位,等於1 72英吋。這樣...

徹底弄懂css中字型單位px和em,rem的區別

國內的設計師大都喜歡用px,而國外的 大都喜歡用em和rem,那麼三者有什麼區別,又各自有什麼優劣呢?px特點 1.ie無法調整那些使用px作為單位的字型大小 2.國外的大部分 能夠調整的原因在於其使用了em或rem作為字型單位 3.firefox能夠調整px和em,rem,但是96 以上的中國網民...