📐 屏幕分辨率检测

📐 Screen Resolution Detector

实时检测您的屏幕参数、视口大小和安全区域

Real-time detection of screen specs, viewport, and safe areas

💡 提示:数据会实时更新。调整浏览器窗口大小查看视口变化。
💡 Tip: Data updates in real-time. Resize the browser window to see viewport changes.
🖥️ 屏幕参数(实时) 🖥️ Screen Specs (Live)
屏幕分辨率
Screen Resolution
--
×
视口大小
Viewport Size
--
设备像素比 (DPR)
Device Pixel Ratio
--
色彩深度
Color Depth
--
可用宽度
Available Width
--
可用高度
Available Height
--
窗口内宽
Inner Width
--
窗口内高
Inner Height
--
物理像素
Physical Pixels
--
缩放比例
Zoom Level
--
🛡️ 安全区域检测
🛡️ Safe Area Detection
--
顶部
Top
--
右侧
Right
--
底部
Bottom
--
左侧
Left
📱 CSS媒体查询生成器
📱 CSS Media Query Generator
📊 常见设备分辨率参考表
📊 Common Device Resolutions Reference
设备类型 Device Type 设备 Device Resolution DPR CSS像素 CSS Pixels
📱 手机 📱 Mobile iPhone 14 390 × 844 1170 × 2532 3
📱 手机 📱 Mobile iPhone 14 Pro Max 430 × 932 1290 × 2796 3
📱 手机 📱 Mobile Samsung Galaxy S24 360 × 780 1440 × 3120 4
📲 平板 📲 Tablet iPad Pro 12.9" 1024 × 1366 2048 × 2732 2
📲 平板 📲 Tablet iPad Air 820 × 1180 1640 × 2360 2
💻 笔记本 💻 Laptop MacBook Air 13" 2560 × 1600 2560 × 1600 2
💻 笔记本 💻 Laptop MacBook Pro 14" 3024 × 1964 3024 × 1964 1
🖥️ 显示器 🖥️ Monitor 1080p Full HD 1920 × 1080 1920 × 1080 1
🖥️ 显示器 🖥️ Monitor 1440p QHD 2560 × 1440 2560 × 1440 1
🖥️ 显示器 🖥️ Monitor 4K UHD 3840 × 2160 3840 × 2160 1