本文编写于 1444 天前,最后修改于 1444 天前,其中某些信息可能已经过时。
0x01 釋義
- [可點擊元素之間的距離太近]
這個我沒有找到官方定義,但推測應該是連結間距較小。
- [文字太小,無法閱讀]
行動裝置用戶需要「張合雙指進行縮放,才能閱讀這些網頁上的內容 」
。要修正此類錯誤,請在為網頁指定視口後,將字體大小設為可在視口內適當地進行縮放。
- [未設置視口值]
您的網頁未定義 viewport
屬性(該屬性用於指示瀏覽器如何根據屏幕尺寸來調整網頁大小及縮放網頁)。由於網站訪問者使用的設備各異且屏幕大小也各不相同(從大型的桌面設備顯示器到平板電腦和小型智慧型手機),因此您應使用標記
meta viewport 為網頁指定視口。
0x02 解決方案
- CSS设置padding熟悉,增加链接间距。如:<style> li a{padding:1.5em 1.5em 1em 1em;}</style>。减少链接出现的频率。
- CSS设置字体大小。
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">