當PageSpeed Insights檢測到某些點按目標(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點按時,就會觸發(fā)此規(guī)則。
您應(yīng)確保網(wǎng)站上最重要的點按目標(用戶最常用的目標)足夠大,即高/寬至少要達到48 CSS像素(如果您已正確配置您的視口),以便用戶輕松點按。不常用鏈接的尺寸可以較小一些,但仍要與其他鏈接之間保持一定的距離,以免10毫米寬的手指不慎同時按到兩個鏈接。用戶無需張合手指(或依賴其他瀏覽器界面功能來排除手指點按干擾,如Chrome的彈出式放大鏡),即可輕松準確地點按所需的按鈕或鏈接。
將重要的點按目標設(shè)置得足夠大以易于點按
這種方式比較適合您的用戶最常用的點按目標,例如常用操作的按鈕、搜索欄、其他重要的表單字段,以及主要的導航鏈接。這些點按目標的尺寸至少應(yīng)為7毫米(如果您已正確配置您的視口,即為48 CSS像素),如果小于7毫米,則其周圍須留有足夠的空間。
確保較小的點按目標之間有足夠的空間
對于不常用的鏈接或按鈕,尺寸小于建議的7毫米是沒有問題的。不過,其橫向和縱向5毫米(32 CSS像素)范圍內(nèi)不應(yīng)該有其他點按目標,以免用戶手指點按一個點按目標時不慎按到其他點按目標。
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 the Apache 2.0 License. For details, see our Site Policies.