Отображение изображения в реальном размере с помощью CSS

Question

Я хочу показать изображение в реальном размере (реальном размере). Я использовал единицу mm, чтобы показать изображение в реальном размере, но это не было точно в моих двух компьютерах Вот скрипка моего кода, это изображение кредитной карты. размер кредитной карты составляет 85,60 × 53,98 мм, поэтому, если вы поместите свою кредитную карту на экран, вы, вероятно, увидите ее меньше.

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

В основном проблема в том, что mm, cm и in блоки не работают должным образом на экране. Они хорошо в печатной версии. На самом деле кажется, что эти устройства не работают на экране, как я получил от W3C .

Так есть ли решение этой проблемы?

----- EDIT ------

Я создал еще одну скрипку, с помощью которой вы можете изменить размер кредитной карты. Вопрос может заключаться в том, как я могу найти это число "Соотношение"? Пожалуйста, посмотрите на скрипку здесь и дайте мне знать, что вы думаете? Есть ли способ найти этот коэффициент в строке пользовательского агента или что-то в этом роде?

Answer 1

Невозможно сделать это, пока все операционные системы, видеокарты и дисплеи не согласятся на универсальный стандарт для преобразования физических размеров в пиксели, применимые к конкретной конфигурации, используемой пользователем.

Термин для этой концепции: Независимость от разрешения

Хотя в OSX и Windows и существует некоторая поддержка, это ни в коем случае не является полным и все же требует ручного вмешательства для установки

Кроме того, конечный пользователь решает переопределить измерения с помощью масштабирования - будь то на рабочем столе, например в Firefox, или на ощупьустройство, зажимая.

Итак, на данный момент, я боюсь, что нет никакого способа сделать это.

Answer 2

мм и см не должны зависеть от пикселей.Но для правильной визуализации ваш браузер должен сочетать в себе диаметр экрана, соотношение сторон и разрешение.

W3C рекомендует только мм для печати, поэтому, вероятно, существует большая разница в реализации браузера для экрана

http://www.w3.org/Style/Examples/007/units

BTW на моем экране 1920x1080 (16: 9)хорошо работает

Answer 3

Я почти уверен, что мм и см зависят от пикселей, и пиксели варьируются от монитора к монитору. Настройте разрешение экрана, и вы поймете, о чем я.

Итак, я думаю, что ответ «нет». К сожалению.