CSS использует пиксель крыса ios или некоторую долю дюйма?

Question

Я прочитал две вещи о размере CSS пикселя:

1) 1px = 0,75pt, где 1pt = 1/72 дюйма

2) 1px = ( физический размер пикселя) * (отношение пикселей)

Таким образом, в (1) ширина 1px составляет 0,75 / 72 дюйма, тогда как в (2), если отношение пикселей равно 2, ширина 1px равна 2x ширина физического пикселя.

Что это?

Answer 1

MDN дает краткую сводку по пикселю в CSS. Один пиксель в CSS основан на плотности пикселей 96 DPI.

https://developer.mozilla.org/en-US/docs/Glossary/CSS_pixel

Я обнаружил документ Github, опубликованный Винсентом Харди и Сильвеном Галино о предмете CSS пиксель и устройство пикселя крыса ios.

https://webplatform.github.io/docs/tutorials/understanding-css-units/

Подробнее см. ссылку выше. Короткая версия состоит в том, что CSS пикселей отображаются на основе 1/96 физического дюйма. Получается, что ответом является CSS пиксель, деленный на соотношение пикселей устройства. Это соотношение 1: 1, если разрешение пикселя устройства составляет 96 точек на дюйм.

Пример, приведенный в статье: На 15-дюймовом дисплее MacBook Pro с разрешением 110 точек на дюйм физическая ширина Размер коробки: 96 * 1/110 = 0,872 дюйма. Это связано с тем, что соотношение пикселей CSS к устройству равно 1. Используя линейку на моем экране, я измерил 0,88 дюйма, а разница - элементарная линейка и приблизительное зрение. Таким образом, CSS дюйм отклоняется на 22,8% от физического дюйма.