高DPI移动设备上的触摸目标尺寸一致吗？ （WebApp场景）

Question

考虑到css像素不是高DPI设备上的设备像素，预测和管理这些设备上的触摸目标大小一直是我头疼的问题。

例如，假设我在横向模式下在iPad（ 9.7英寸屏幕）上有一个带有viewport meta "width=device-width, initial-scale=1.0"的Web应用程序，视口设置为 1024px 和 50px （以css为单位）的物理尺寸大致 1cm 。

但是对于Nexus 7（ 7英寸屏幕）等设备，视口将设置为 966px ，因此 50px （在css中）物理尺寸只有 0.7cm 。 （更不用说我可能无法获得的高DPI设备的增长清单）

不同的指南因recommeneded touch target size而异，但我倾向于选择大约1厘米以便出现人为错误。

这种情况是否有最佳做法？ Let's Get Physical (Units)中描述的想法是我通过谷歌找到的最接近的想法，但远未准备好生产。

Answer 1

开始使用em或百分比而不是px。

这可能是推动每个人超越线路的原因。