📱 手機相容性檢測工具
檢測您的網站在各種行動裝置上的顯示效果,確保完美的使用者體驗
📱
手機直式
✓ 通過
375x667px
完美顯示
完美顯示
📱
手機橫式
⚠ 警告
667x375px
部分問題
部分問題
📱
平板直式
✓ 通過
768x1024px
顯示良好
顯示良好
💻
平板橫式
✓ 通過
1024x768px
表現優秀
表現優秀
行動裝置相容性統計
85%
整體相容性
3/4
裝置通過
2.1s
行動載入時間
94
易用性分數
發現的問題與建議
⚠️
觸控目標過小
中等
發現部分按鈕和連結在手機上的觸控區域小於建議的 44x44px,可能導致用戶誤觸或難以點擊。
💡
解決方案
增加按鈕和連結的 padding,確保觸控區域至少為 44x44px,並在元素間保持適當間距。
ℹ️
文字可讀性
輕微
部分文字在小螢幕上可能過小,建議字體大小至少為 16px 以確保良好的閱讀體驗。
💡
解決方案
調整CSS媒體查詢,在小螢幕上增加字體大小,確保內文至少為 16px。
⚠️
水平滾動問題
中等
在手機橫式模式下出現水平滾動條,影響使用者體驗。
💡
解決方案
檢查並修正CSS中固定寬度的元素,使用相對單位(%)或flex佈局來適應不同螢幕寬度。