Пиксели CSS против пикселей устройства на iPhone

Если я укажу ширину используя CSS как 96px, сколько пикселей устройства должно занимать на экране iPhone первого поколения?

я добавил на страницу, сделал скриншот на симуляторе и измерилdiv быть 96 пикселей устройства шириной. Теперь я прочиталW3 спецификация для пикселей CSS и это заявляет, что 1px составляет 1/96 дюйма. Таким образом, 96 CSS-пикселей должны быть переведены в 1 дюйм. Так как оригинальный iPhone имеетDPI 163Один дюйм на экране должен занимать 163 пикселя устройства. Почему я не получаю это измерение? Другими словами, должно ли 96 CSS-пикселей быть равным 1 дюйму?

Я видел, что в спецификации также упоминается привязка к эталонному пикселю. Мне кажется, что эталонный пиксель - это просто пиксель устройства в этом случае. Если бы мне пришлось работать задом наперед, чтобы получить значения пикселей CSS из скриншота, было бы в целом правильно предположить, что один пиксель устройства равен одному пикселю CSS на iPhone (без отображения на сетчатке)?

Ответы на вопрос(1)

Ваш ответ на вопрос