我需要在屏幕上顯示物體的真實尺寸(1毫米-20毫米)。在頂部，我有一個按鈕& quot校準視圖。我點擊它，一個模態(tài)打開，用戶可以使用信用卡校準視圖(把它放在屏幕上，使用+和-按鈕，他調(diào)整滑塊，直到線條匹配信用的高度)。用戶提交校準。之后，我對每個元素運行一個函數(shù):

信用卡寬度為85.6mm 卡片__pad -是在底部和頂部有線條的容器，用戶需要匹配信用的高度；

function mmToPx(mm) {
    return parseFloat($('.card__pad').width()) * mm / 85.6
} 
// 20 mm show
$('.obj').css('width', mmToPx(20))

這段代碼在桌面和Android上運行得非常完美(至少用我的手機測試過)，但是在蘋果設(shè)備上，object看起來不是20mm，而是小了一點。請告訴我這里有什么問題，在蘋果設(shè)備上顯示正確的尺寸需要什么？？

需要記住的是，所有的iOS設(shè)備都使用HiDPI屏幕，他們稱之為& quot視網(wǎng)膜顯示器& quot，這意味著在與標準屏幕相同的空間中有更多的物理像素。

這也意味著1px實際上不是1px，因為現(xiàn)在有了像素與顯示像素的概念。因為在HiDPI制作帶邊框的東西時，物理像素太小:1px純紅太小，不是開發(fā)人員想要的，所以1px大小實際上顯示在多個物理像素上，以實現(xiàn)相同的外觀。一些Android設(shè)備也使用更高的像素密度，但也許你測試的設(shè)備沒有使用這一點？

這個SO問題可能值得研究，但首先要確保您使用的是這個meta標記:

& ltmeta name = & quot視窗& quotcontent = & quot寬度=設(shè)備寬度& quot/& gt；

您可以使用window.devicePixelRatio來獲取...設(shè)備像素比率。你可能想把它插入到你的函數(shù)中，看看它在不同的設(shè)備上返回什么。我目前在一臺裝有24 & quot戴爾顯示器，它為我返回0.899999761581421。

我知道這并不能完全回答您的代碼，因為我現(xiàn)在還不能在多種設(shè)備上進行測試，但是我希望這能為您指出正確的方向。