Wizard Screen Size Detective artwork

Wizard Screen Size Detective: Know Your Display Like a Pro πŸ”

aop3d tech

Your screen is telling you everything β€” you just need a wizard to translate it. πŸ§™ The Screen Size Detective reads your viewport, screen resolution, pixel ratio, and more in real time. Rotate your phone or resize this window and watch the numbers dance.

πŸ” Screen Size Detective

A live readout of your display. Rotate your phone or resize the window and watch the numbers change.

Viewport

--Β Γ—Β --

CSS pixels your page can use

Screen

--Β Γ—Β --

Physical device pixels

Pixel Ratio

--x

Zoom level: --%

Orientation

--

Angle: --Β°

Color Depth

---bit

Colors: --

Touch

--

-- simultaneous touch points

You are on a: --

Copied!
How to Use
  • What it does: shows your viewport size, physical screen resolution, device pixel ratio, orientation, color depth, and touch support β€” live.
  • Use it: open this page on any device. Resize the window or rotate your phone and the values update instantly.
  • Read the cards: Viewport = page space in CSS pixels. Screen = physical pixels. Pixel ratio = hardware pixels per CSS pixel (also your zoom level). Orientation = portrait or landscape plus tilt angle.
  • Copy report: hit the Copy button for a plain-text summary β€” handy for bug reports or tech support chats.
  • Tip: if the viewport is much narrower than the screen, the page is zoomed in.

Knowledge is power β€” now you know exactly what your screen can do. ✨

Disclaimer: All content provided is for informational and educational purposes only.

Back to blog