當(dāng)PageSpeed Insights檢測到某些點按目標(biāo)(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點按時,就會觸發(fā)此規(guī)則。
You should make sure that the most important click targets on the site (the ones most commonly used by users) are large enough, that is, at least 48 CSS pixels high/wide (if you are correct)配置您的視口),以便用戶輕松點按。不常用鏈接的尺寸可以較小一些,但仍要與其他鏈接之間保持一定的距離,以免10毫米寬的手指不慎同時按到兩個鏈接。用戶無需張合手指(或依賴其他瀏覽器界面功能來排除手指點按干擾,如Chrome的彈出式放大鏡),即可輕松準(zhǔn)確地點按所需的按鈕或鏈接。
將重要的點按目標(biāo)設(shè)置得足夠大以易于點按
This approach is better suited to your users' most frequently clicked targets, such as buttons for common actions, search bars, other important form fields, and major navigation links. The size of these click targets should be at least 7 mm (if you are correctConfigure your viewport,即為48 CSS像素),如果小于7毫米,則其周圍須留有足夠的空間。
確保較小的點按目標(biāo)之間有足夠的空間
對于不常用的鏈接或按鈕,尺寸小于建議的7毫米是沒有問題的。不過,其橫向和縱向5毫米(32 CSS像素)范圍內(nèi)不應(yīng)該有其他點按目標(biāo),以免用戶手指點按一個點按目標(biāo)時不慎按到其他點按目標(biāo)。
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 our?Site Policies.