대상에 맞게 점 크기 조정

当PageSpeed Insights检测到某些点按目标（例如按钮、链接或表单字段）可能过小或距离过近，以致用户不方便在触摸屏上点按时，就会触发此规则。

개요

사용자의 경우 링크나 버튼이 너무 작거나 빽빽하게 배치되어 있으면 터치스크린에서 이러한 대상을 정확하게 누르는 것이 기존의 마우스 커서를 사용하는 것보다 더 힘이 들 것이다. 사용자가 부주의하게 위치를 잘못 누르는 것을 방지하기 위해, 각 포인트 별 목표에 대해 충분한 크기를 설정하고, 그 사이에 충분한 거리를 유지하여, 사용자가 어떤 목표를 누를 때 손가락이 다른 어떤 포인트 별 목표에 닿지 않도록 하십시오. 어른의 손가락 배는 평균 10밀리미터(반 인치 미만)입니다. 안드로이드 인터페이스 지침建议最小点按目标尺寸约为7毫米，或在移动视口正确设置的网站上，点按目标至少要达到48 CSS像素。

제안

웹 사이트에서 가장 중요한 지점은 목표(사용자가 가장 많이 사용하는 목표)가 충분히 큰지 확인해야 합니다. 즉 높이/폭이 최소 48CSS 픽셀이어야 합니다.配置您的视口사용자들이 쉽게 누를 수 있도록 하기 위해. 자주 사용하지 않는 링크의 크기는 좀 더 작을 수 있지만, 10밀리미터 너비의 손가락으로 두 개의 링크를 동시에 누를 수 없도록 다른 링크와 일정한 거리를 유지한다. 사용자들은 손가락을 감싸지 않고(크롬의 팝업 돋보기 같은 다른 브라우저 인터페이스 기능에 의존하지 않고도 원하는 버튼이나 링크를 쉽게 정확하게 누를 수 있다.

将重要的点按目标设置得足够大以易于点按

이 방법은 자주 사용하는 동작의 단추, 검색 표시줄, 기타 중요한 양식 필드 및 주요 탐색 링크와 같이 사용자가 가장 많이 사용하는 포인트 대상에 가장 적합합니다. 이러한 점은 대상에 대해 최소 7mm 이상의 크기여야 합니다.配置您的视口，即为48 CSS像素），如果小于7毫米，则其周围须留有足够的空间。

작은 점이 대상 간에 충분한 공간을 확보하도록 합니다.

자주 사용하지 않는 링크나 버튼의 경우 권장되는 7밀리미터보다 작은 크기는 문제가 되지 않는다. 그러나 가로 및 세로 5mm (32 CSS 픽셀) 범위에 다른 포인트 타겟이 없어야 하므로, 한 포인트 타겟을 손가락으로 누를 때 다른 포인트 타겟을 잘못 누를 수 있습니다.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under theApache 2.0 License. For details, see ourSite Policies.