📋 Instructions: How to Use?

  1. This tool automatically detects and displays your screen sizes. No buttons needed!
  2. Browser Viewport Size shows the *live* size (width and height) of your current browser window.
  3. Try resizing your browser window to see the viewport values change in real-time.
  4. Device Screen Resolution shows the *total* physical resolution of your monitor or phone screen. This value is static.

Screen Size Detector

Instantly detects your browser viewport and full screen resolution.

Browser Viewport Size (Live)

This is the visible area of your web page inside the browser. Resize your window to see it change.

...
Width (px)
...
Height (px)

Device Screen Resolution

This is the total physical resolution of your monitor or phone screen. This value won't change.

...
Width (px)
...
Height (px)

Want to Learn How This Works?

This tool is built with JavaScript! To learn how to build tools like this, check out the free, 15,000-word guides on CodeWithMSMAXPRO.me.

CodeWithMSMAXPRO.me Homepage