用CSS以實際尺寸顯示圖像

我想要在實際尺寸（實際大小）中顯示圖像。我用mm單位來顯示實際大小的圖像，但在我的兩臺電腦中並不完全一樣。這是我的代碼fiddle，這是一張信用卡的圖片。信用卡是85.60×53.98毫米，所以如果你把你的信用卡放在屏幕上，你可能會看到它更小。用CSS以實際尺寸顯示圖像

img{ 
    width:85.60mm; 
    height:53.98mm; 
}

基本問題是mm，cm和in單位沒有在屏幕上正常工作。它們在印刷版本中很好。實際上，這些單位看起來並不像我從W3C得到的那樣在屏幕上工作。

那麼有沒有解決這個問題的方法？

-----編輯------

我創造了另一個撥弄你可以調整的信用卡。問題可能是我如何找到「比例」數字？請看fiddle here，讓我知道你在想什麼？有什麼方法可以從用戶代理字符串中找到比率編號嗎？

2011-09-07 Mohsen

怎麼辦你的意思是「真實世界的大小」？ – yoda

我的意思是它應該完全是真正的信用卡大小。只需將它與您的信用卡進行比較 – Mohsen

您的問題仍然沒有意義。如果你知道你想要的尺寸，問題在哪裏？爲什麼不計算像素的像素尺寸？ – yoda

mm和cm不應該取決於像素。但爲了正確渲染，瀏覽器必須結合屏幕直徑，高寬比和分辨率。

W3C建議僅毫米打印所以有可能是瀏覽器實現對屏幕上的很大差異

BTW我的1920×1080（16：9）屏幕那很好

2011-09-07 04:58:57

這都是正確的。但不是我的答案。無論如何感謝 – Mohsen

你問是否有解決方案。答案是不。這是你的答案。：/ –

對不起，這是我說得過分的說「不，你不能」 –

我很肯定mm和cm是依賴於像素的，像素因顯示器而異。調整你的屏幕分辨率，你會明白我的意思。

所以，我想答案是'不'。抱歉。

2011-09-07 04:46:29 Yoshiyahu

是的，我覺得這是一個很大的問題，但這是我必須面對的！ :) – Mohsen

直到操作系統，圖形卡和顯示器製造商都達成一個通用標準，才能將物理尺寸轉換爲適用於特定用戶使用的像素的像素，無法做到這一點。

雖然對於這個在OSX和Windows的一些支持，這是由不完整，仍然需要人工干預來設置正確。

最重要的是，最終用戶可以決定使用縮放功能來替代您的測量結果 - 無論是在桌面上，例如在Firefox中，還是在捏住觸摸設備的情況下。

所以，在這一點上，恐怕沒有辦法去做。

2011-09-07 04:57:30

我所得到的是Nos！無論如何感謝 – Mohsen

那麼，*就是*答案。「不，目前還沒有解決辦法。」抱歉。 –

回答