CSS 像素不等於硬件像素
高密度螢幕會以多個硬件像素呈現一個 CSS 像素。設計和媒體查詢應以 CSS viewport 為主，圖片清晰度才另外考慮 DPR。
一個實用的基礎尺寸組合
以下組合不是裝置清單，而是一套能暴露常見斷點問題的測試範圍。
- 360×780：窄身 Android
- 375×667：小型 iPhone
- 393×852：現代標準手機
- 430×932：大型手機
- 768×1024：小型平板
- 884×1104：摺機／寬平板狀態
在尺寸之間找出真正斷點
若 375px 正常而 390px 出錯，問題通常不是裝置型號，而是元件在某段寬度內的最小內容尺寸、固定寬度或未換行文字。使用自訂尺寸逐步縮窄，找出第一次失效的位置。
同時測直向、橫向及文字放大
橫向手機的高度很短，容易令固定導覽、Cookie 訊息或對話框佔滿畫面。最後再以瀏覽器文字放大或系統大字體檢查，確保介面不是只在預設字級下成立。