ppi, dp, pt, px, dpr, vw, rem, em, физические пиксели, логические пиксели... в самый раз!
В заключение
Если вы понимаете, о чем говорится в заключении, вы можете пропустить эту статью.
Следующие физические размеры указаны в дюймах:
- Физический размер физических пикселей = 1/ppi
- Физический размер 1dp = ppi/160 * 1 физический размер пикселя = ppi/160 * 1/ppi = 1/160
- 1 физический размер логического пикселя css = dpr * 1 физический размер пикселя = dpr * 1/ppi
- Когда ppi и dpr имеют положительную корреляцию, физический размер 1 логического пикселя css остается неизменным. В это время логический px css аналогичен android dp и ios pt.
Глоссарий
Возьмите эти термины в качестве примера: разрешение iphone7 750 * 1334, ppi 326, размер 4,7 дюйма, размер окна просмотра браузера без масштабирования 375 * 667, dpr 2
- Физический пиксель, наименьшая физическая единица, которой устройство может управлять дисплеем, разрешение iphone7 750*1334 относится к физическому пикселю.
- Логические пиксели, виртуальные, css использует логические пиксели, размер области просмотра 375*667 означает логические пиксели
- dpr, соотношение пикселей устройства, dpr = физические пиксели / логические пиксели
- Размер устройства относится к длине диагонали устройства, например 4,7 дюйма.
- ppi, плотность пикселей, количество пикселей на фут, рассчитывается как физические пиксели/физический размер устройства, для iphone7: (750^2+1334^2)^0,5 / 4,7 = 326
- dp, независимый от плотности пиксель, больше используемый Android, представляет собой физический размер 1 физического пикселя при 160 ppi.
Физический размер в физических пикселях
Обратитесь к ppi, чтобы узнать:
Физический размер физических пикселей = Физический размер устройства/количество физических пикселей = 1/ppi
1дп физический размер
Физический размер 1dp = ppi/160 * 1 физический размер пикселя = ppi/160 * 1/ppi = 1/160 дюйма = 0,00625 дюйма = 0,015875 см = 0,15875 мм
css 1px физический размер
1 физический размер логического пикселя css = dpr * 1 физический размер пикселя = dpr * 1/ppi
Для iphone, если dpr равно 2, 1px = 2 * 1/326 = 0,006135 дюйма = 0,01558 см = 0,1558 мм, что аналогично 1dp.
h5 подходит
Эта статья является побочным продуктом рассмотрения схемы адаптации h5.И наконец, я упомяну, что, исходя из вышеприведенного вывода, можно считать, что:
Когда ppi и dpr имеют положительную корреляцию, физический размер 1 логического пикселя css остается неизменным. В это время логический px css аналогичен android dp и ios pt.
На данный момент адаптации h5 нужно только настроить пиксели CSS для масштабирования в соответствии с размером области просмотра (решение, которое в настоящее время принято Taobao?)
постскриптум
Понятие о различных единицах всегда было относительно смутным.Сейчас делаю некоторые расчеты и выводы на основе поисковой информации.Если есть ошибки,посоветуйте.