2015-06-23 66 views
0

我有一個小型的觸摸屏顯示器,我們正在提供HTML頁面。 LCD的物理尺寸是4.624釐米寬,高3.508釐米。創建一個divwidth & height設置適當地創建一個更小的矩形在顯示屏上。在`cm`中指定CSS大小不會產生正確的大小

爲什麼cm沒有翻譯成屏幕上的真實尺寸?我需要做些什麼調整才能以釐米工作,而不是像素?

+1

但據W3爲什麼不使用'vh'和'你不應該使用釐米http://www.w3.org/Style/Examples/007/units.en.html –

+0

vw'爲* viewport *的寬度和高度將其設置爲屏幕的尺寸精確或甚至百分比? 'width:100vw' and'height:100vh'或'height:100%'and'width:100%'? – ctwheels

+0

@ctwheels - 我還需要在主視圖中指定較小的物體尺寸(5釐米,7釐米等)。 「全屏」示例只是我試圖解決的第一個問題。 –

回答

2

由於W3C文檔指出:

所謂的絕對單位(釐米,毫米,在,PT和PC)的意思是在CSS和其他地方一樣是相同的,但只有當您的輸出設備具有高足夠的決議。在激光打印機上,1釐米應該是1釐米。但在低分辨率設備上,如電腦屏幕,CSS不需要這樣做。事實上,結果往往會因設備而異,從一個CSS實現到另一個設備。

http://www.w3.org/Style/Examples/007/units.en.html#units

+0

這讓我難過。我現在是一隻傷心的猴子! :(但是,對於SCSS和數學魔法,(屏幕dpi)x(屏幕大小)=(像素數量) - 然後我可以做更多的數字處理以獲得cm-to-px轉換,是的? –