手機螢幕尺寸速查

📚 深度解析：Phone Screen Sizes

💡 常見使用場景

• 查主流機型解析度與 DPR 做適配。
• 做移動端適配時查目標機型：確認視口寬度、DPR 與常用斷點，再決定用 rem 還是 vw 方案。

❓ 常見問題（FAQ）

DPR 是什麼？

裝置畫素比，CSS px × DPR = 物理畫素。

為什麼按 CSS 畫素而不是物理畫素設計？

因為 CSS 畫素是邏輯單位，瀏覽器已按 DPR 完成換算：DPR=3 的手機上一個 CSS 畫素對應 3×3 個物理畫素。設計稿通常按 CSS 畫素給，實現時也按 CSS 畫素寫，只有圖片資源才需要提供 2x/3x 以匹配高 DPR 螢幕。