3
css 픽셀이 높은 DPI 장치의 장치 픽셀이 아니라고 생각하면 이러한 장치에서 터치 대상 크기를 예측하고 관리하는 것이 골치 거리였습니다. 예를 들어 높은 DPI 모바일 장치에서 터치 대상 크기가 일정합니까?
, 나는 뷰포트 메타"width=device-width, initial-scale=1.0"와 웹 응용 프로그램이 있다고 가정 해, 가로 모드에서 아이 패드 (
9.7 인치 화면)에, 뷰포트는
가 1024px로 설정하고 (CSS)에
50 픽셀 대략
입니다 1cm 실제 크기입니다.
는 그러나 그러한 넥서스 7 (7 인치 스크린)와 같은 장치에, 뷰포트 (CSS)에서 50 픽셀 는 약 0.7cm 물리적 인 크기 때문에, 966px로 설정 될 것이다. (내 손에 넣지 못할 수있는 고해상도 DPI 장치 목록은 말할 것도 없습니다.)
다른 지침은 recommeneded touch target size에 따라 다르지만 필자는 사람의 실수를 허용하기 위해 약 1cm를 선호하는 경향이 있습니다.
그런 시나리오에 가장 적합한 방법이 있습니까?? Let's Get Physical (Units)에 설명 된 아이디어는 내가 구글을 통해 찾은 것 중 가장 가까운 것이지만, 아직 준비가되어 있지 않습니다.