Почему точка в CSS равна 1,333 пикселя?

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

Во-первых, есть очевидные различия между «физическими пикселями / пикселями устройства» и CSS-пикселями. Как и различия между «физическими точками» и баллами на iOS.

Это обзор того, что я обнаружил:

на iOSЧто такое пиксель и точки в iPhone?

• 1 балл iOS равен 1 физическому пикселю на устройстве 1x.
• Точки iOS используются как абстрактная единица для пикселей, не зависящих от плотности, в которых 1 точка iOS равна 1 пикселю, не зависящему от плотности.

AndroidВ чем разница между «px», «dip», «dp» и «sp»?

• 1 точка Android не равна 1 физическому пикселю на устройстве 1x.
• 1 балл андроида равен 1/72 дюйма.
• 1 dp используется как пиксель, не зависящий от плотности.

Интернетhttps://www.w3.org/Style/Examples/007/units.en.html

• 1 пункт CSS не равен 1 физическому пикселю на устройстве 1x.
• Очевидно, что точки CSS указаны в списке единиц НЕ РЕКОМЕНДУЕТСЯ.

Эскиз

• Согласно Sketch, единицы измерения по умолчанию выражены в точках, а 1 балл - это равняется 1 пикселю.

InVision

• 1 балл равен 1 пикселю.

Я тоже встречал эту формулу:

pixel   = point * resolution (in terms of dpi) / 72

Очевидно, что количество физических пикселей в точке является переменным ...

Итак, мой вопрос:

• Почему 1 точка CSS равна 1,333 CSS-пикселя?