當(dāng)PageSpeed Insights檢測到某些點(diǎn)按目標(biāo)(例如按鈕、鏈接或表單字段)可能過小或距離過近,以致用戶不方便在觸摸屏上點(diǎn)按時(shí),就會(huì)觸發(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)配置您的視口),以便用戶輕松點(diǎn)按。不常用鏈接的尺寸可以較小一些,但仍要與其他鏈接之間保持一定的距離,以免10毫米寬的手指不慎同時(shí)按到兩個(gè)鏈接。用戶無需張合手指(或依賴其他瀏覽器界面功能來排除手指點(diǎn)按干擾,如Chrome的彈出式放大鏡),即可輕松準(zhǔn)確地點(diǎn)按所需的按鈕或鏈接。
將重要的點(diǎn)按目標(biāo)設(shè)置得足夠大以易于點(diǎn)按
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毫米,則其周圍須留有足夠的空間。
確保較小的點(diǎn)按目標(biāo)之間有足夠的空間
對于不常用的鏈接或按鈕,尺寸小于建議的7毫米是沒有問題的。不過,其橫向和縱向5毫米(32 CSS像素)范圍內(nèi)不應(yīng)該有其他點(diǎn)按目標(biāo),以免用戶手指點(diǎn)按一個(gè)點(diǎn)按目標(biāo)時(shí)不慎按到其他點(diǎn)按目標(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.