📐 屏幕分辨率检测

📐 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

max-width: px max-width: px

min-width: px min-width: px

max-height: px max-height: px

max-device-pixel-ratio: max-device-pixel-ratio:

移动设备 (max-width: 768px) Mobile (max-width: 768px)

平板设备 (768px - 1024px) Tablet (768px - 1024px)

桌面设备 (min-width: 1024px) Desktop (min-width: 1024px)

📊 常见设备分辨率参考表

📊 Common Device Resolutions Reference

设备类型	Device Type	设备	Device	Resolution	DPR
📱 手机	📱 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