CSS 像素不等於硬件像素
高密度屏幕會以多个硬件像素呈現一个 CSS 像素。設計和媒体查詢应以 CSS viewport 为主，图片清晰度才另外考慮 DPR。
一个實用的基礎尺寸組合
以下組合不是设备清單，而是一套能暴露常見斷点问题的测试範圍。
- 360×780：窄身 Android
- 375×667：小型 iPhone
- 393×852：現代标準手机
- 430×932：大型手机
- 768×1024：小型平板
- 884×1104：摺机／宽平板狀態
在尺寸之间找出真正斷点
若 375px 正常而 390px 出錯，问题通常不是设备型號，而是元件在某段宽度內的最小内容尺寸、固定宽度或未換行文字。使用自訂尺寸逐步縮窄，找出第一次失效的位置。
同時測直向、橫向及文字放大
橫向手机的高度很短，容易令固定导航、Cookie 訊息或對話框佔滿画面。最后再以浏览器文字放大或系統大字体检查，确保介面不是只在預設字級下成立。