以釐米（英寸）爲單位的Div寬度

Question

我需要在每個顯示器中準確放置25釐米寬（10英寸）的網站div。我如何做到這一點？

Answer 1

您可以直接在CSS中使用cm單位：

#mydiv { width: 25cm; } 

需要注意的是，正如其他人所指出的，結果仍取決於操作系統的顯示器尺寸的正確閱讀。

查看spec瞭解更多信息。

Answer 2

我該怎麼做？

你不行。 更新：顯然，你可以在許多現代系統上：查看@Tomas的答案。不過，它似乎並不總是完全可靠的。

舊的回答：你不能。顯示器顯示不同數量的像素。從顯示器到顯示器的像素大小差異很大。

如果您知道顯示器尺寸，有幾種方法可以內插像素尺寸。這些信息有時可用於操作系統;但是，網站不可能掌握這些信息。

唯一的出路就是讓用戶進行校準。例如，要求用戶將A4紙張放在顯示器上，並使用可拖動的標尺來確定它所覆蓋的區域。使用這些信息，您可以計算出需要顯示25釐米的像素數量。

更新： @Tomas聲稱在他的答案中使用CSS cm值在屏幕上工作。在Chrome 7，IE6（！），IE7或更高版本中，播放TFT顯示器（1920x1080像素）：21cm可以完美轉換爲A4紙的短邊。 Firefox 3.6。

雖然這似乎並不完全可靠：@Yi Jiang無法使用Ubuntu Linux在TFT上工作;而且，較舊的顯示器可能無法發送其尺寸信息，會是不可能的操作系統，以確定正確的尺寸。

下面是用於測試的簡單JSFiddle。

Answer 3

您需要掌握顯示器的分辨率和顯示器的dot pitch，才能計算出來。

給出這兩個值，你就可以計算出你需要的像素數。

但是，您無法從網站獲取此信息。

Answer 4

我相信，佈局引擎需要知道的三件事使這成爲可能：

1. 屏幕分辨率
2. DPI
3. 物理顯示器尺寸

至於我知道，它不知道所有三個。

Answer 5

鑑於您在網站中聲明瞭<div>，我們知道您處於網絡瀏覽器環境中。

不幸的是，網絡瀏覽器沒有辦法找到屏幕的DPI。你可以找出屏幕分辨率是什麼，所以你會知道用戶是否有1024x760或其他什麼，但你永遠不會知道這些1024x768像素是顯示在iPhone屏幕或廣告牌上，還是其他任何東西。

對不起。

Answer 6

你不能。程序只能通過詢問EDID獲得屏幕的真實物理尺寸，因爲Windows API返回的值不可靠。程序可以獲得分辨率（例如1280 x 1024）和屏幕dpi的真實值，但瀏覽器本身無法做到這一點。

屏幕的「物理dpi」和「屏幕dpi」之間經常混淆。通過將屏幕的最大像素寬度除以物理（標尺）寬度（以英寸爲單位），可以獲得物理dpi（更合適的稱爲每英寸像素數）。每英寸的像素數由製造過程確定。屏幕dpi是用戶可以通過控制面板設置的數字，它的唯一目的是將英寸中的值轉換爲多個像素。用戶可設置的屏幕dpi值與物理dpi（像素每英寸）無關，只是一個默認值爲96的數字。關於96或120，沒有什麼魔力。屏幕像素數量=英寸數×屏幕dpi
就這麼簡單。

23英寸顯示器1920×1080「21英寸」轉換爲21英寸寬度的原因是因爲23英寸對角線的屏幕寬度爲20.05英寸，1920英寸像素像素密度是每英寸95.76像素。
屏幕dpi的默認值爲96，那麼對於一英寸：像素= 1 x 96 = 96像素
23英寸屏幕的像素密度爲每英寸95.76像素，與指定長度時獲得的像素數相匹配，默認的屏幕dpi爲96.

如果在控制面板中更改了屏幕dpi，或者更改了顯示器視頻分辨率，則21釐米將不匹配A4紙張的寬度。