在CSS像素、iOS点和Android dp之间转换
我正在开发一个可以在移动设备上查看的网站,我需要确定触摸目标的CSS像素大小 Web内容可访问性指南(WCAG)2.1要求触摸目标至少为44 x 44 CSS像素。建议44 x 44分,建议48 x 48 dp 我想将HIG和材料设计指南与WCAG进行比较。如何比较CSS像素、iOS点和Android dp?最好,我想学习如何将iOS点数和Android dp转换为CSS像素 以下是我迄今为止的理解:在CSS像素、iOS点和Android dp之间转换,android,ios,css,mobile-website,screen-resolution,Android,Ios,Css,Mobile Website,Screen Resolution,我正在开发一个可以在移动设备上查看的网站,我需要确定触摸目标的CSS像素大小 Web内容可访问性指南(WCAG)2.1要求触摸目标至少为44 x 44 CSS像素。建议44 x 44分,建议48 x 48 dp 我想将HIG和材料设计指南与WCAG进行比较。如何比较CSS像素、iOS点和Android dp?最好,我想学习如何将iOS点数和Android dp转换为CSS像素 以下是我迄今为止的理解: iOS点=(物理像素宽度)/和1个物理像素=屏幕上163 ppi的1点。 =(物理像素宽度*1
iOS点=(物理像素宽度)/和1个物理像素=屏幕上163 ppi的1点。
=(物理像素宽度*160)/屏幕密度和1个物理像素=160 ppi屏幕上的1 dp。
1等于1英寸的1/96。然而,在的底部的“比较设备”表中的“CSS ppi”列让我怀疑1个CSS像素是否并不总是1英寸的1/96 如果我至少能将iOS点数和Android dp转换为特定屏幕上的CSS像素,比如:9.7英寸屏幕、4:3纵横比、2048 x 1536像素、264 ppi分辨率(视网膜显示),我会感到满意