2012-06-01 108 views
8

的轉換率我比較少遇到需要使用pt而不是px或em而不是pt或任何情況並嘗試找到合適大小的時間對於比36px更大的東西,有時候更多的是對它的痛苦。所以我基本上想讓自己變成一個小轉換計算器。然而,我似乎無法找到任何區別轉換率從一個轉換到另一個轉換速率的其他方面的相等部分。pt,em,px,百分比,其他

我希望能找到能夠幫助我的人。基本上我的總體希望是讓自己像計算器一樣基於jQuery的輸入。我輸入我的px,pt,%,other,然後選擇我的轉換,然後單擊確定。

創建計算,很簡單。我不得不在每次轉換的基礎上應用數學,這就是我希望在這裏找到的,所以我可以做到這一點。

+0

這種計算器不存在的原因有很多:px是絕對值,像pt,em,percent等是* relative * ones。繼續,我會挖掘一個SO問題... –

+0

請參閱http://stackoverflow.com/questions/3333076/difference-between-px-and-em –

+1

也http://stackoverflow.com/questions/609517/why-em-instead-of-px –

回答

17

好,

12磅= 16像素= 1EM = 100%

假設你不改變身體上的字體大小(否則PT會有所不同),您的操作系統的DPI設置在72等等。

的關係是這樣的:

pt = 3/4*px 

em = pt/12 

% = pt*100/12 
在這種情況下

。值得指出的是,使用pt是錯誤的,除非你正在打印某些東西,並且使用px,%或em更常用。

就我個人而言,我只是使用px或em。使用%或em對於基本字體大小在較小屏幕上更改的設計非常有用。

+0

我通常是他自己的粉絲,這是這種情況下最大的問題我是否和幾位設計師一起工作,他們每個人都有自己喜歡的喜好。不幸的是,從一個喜歡我們需要這個「320pt x 600pt」的人那裏獲得規範,並且在某些情況下通過em或px計算出來有時候是一種痛苦。 – chris

+0

對於網頁設計,pt是不對的。或許跟他們談談他們認爲pt的含義。你可能會發現他們認爲pt == px ... –

+1

對於網頁設計是的,我同意,但也許其中的一個或兩個人對網頁設計知之甚詳,他們都是圖形工作者,在photoshop,illistrator或幾種情況下工作印刷設計師。所以更多的時候,我正在轉換的東西是打算打印而不是網絡 – chris

3

Ems和%s是相對值,可以根據您的上下文進行更改。通常情況下,1em等同於16px,但是如果您更改身體的字體大小,1em等同於您更改的任何內容。 1.25em也相當於125%。

通常,72pt等於1英寸,但不應該在打印CSS之外使用。

px也是絕對的,但高度依賴於客戶端設備DPI。這種差異很大,但大多數設備以可調節的方式處理px值 - 視網膜iphone上的10像素在預視網膜設備上顯示爲10像素。

還有rem它是指您的html元素的字體大小。查看更多:http://snook.ca/archives/html_and_css/font-size-with-rem

0

爲了讓網站真正爲所有人開放,你需要擺脫點和像素。你需要這些測量結果是相對的。因此百分比和ems。

這是最好的選擇。

很多人(顧客)都有各種各樣的視力問題。

爲什麼要讓這些人不能輕易使用的網站?

(標準品種解決這些問題)

+0

是的,沒有人不同意這一點,但正如前面提到的那樣..當我給予我初始規格的東西時,與我合作的設計師沒有考慮到這一點,所以我必須出去找到相應的東西,這樣我才能使網站/軟件更符合網絡方面的標準。我發現試圖讓羣衆滿足這個需求是一個荒謬的概念,所以與其打擊流,我只是拿我得到的東西做我想做的事。但最終它的製作工具可以幫助我完成我的任務:-) – chris

+0

@chris - 請打擊流 - 因爲有一天您可能需要某人來對抗您的流。 –

0
  • 1毫米=約3.78 PX
  • 1釐米=10毫米=約37。8 PX
  • 1英寸=25.4毫米= 96PX
  • 1點= 1/72在= 1 1/3像素
  • 1 PC = 12磅= 1/6 = 16px的
  • 1像素= 3/4PT = 1/96 in

這些關係是相互固定的,但請注意它們不對應屏幕布局中的物理尺寸。 1in只對應屏幕上的實際英寸,如果屏幕具有完全DPI爲96的話。存在各種各樣的屏幕和設備,因此實際上很少這樣。

1px並不總是對應於物理像素。對於高dpi設備(例如「視網膜」顯示器),瀏覽器可以將px單位轉換爲多個物理像素,例如。 1px = 4x4物理像素。

在打印中,cm,mm中的單位實際上對應於物理單位。儘管如此,px單位與用於打印樣式表的屏幕像素(或dpi)沒有任何關係。它被定義爲1/96英寸。

由於相對單位取決於當前字體大小,因此無法將相對單位(em,ex,%)轉換爲絕對單位(px,cm,mm,in,pc,pt)。