Screen size (CSS px)
Measuring…
Screen Results Calculated in Your Browser
What Is My Screen Size & Viewport Resolution?
Check browser-reported screen dimensions in CSS pixels, your active viewport, device pixel ratio (DPR), color depth, and estimated refresh rate. Results update live as you resize your browser window.
Screen results are calculated locally without signup. Optional analytics and advertising choices are explained in our Privacy Policy and Cookie settings.
Current viewport
Measuring…
This is the CSS viewport your website sees.
Device pixel ratio
Measuring…
Browser
Measuring…
Operating system
Measuring…
Visual viewport
Measuring…
Orientation
Measuring…
Color depth
Measuring…
Refresh rate
Measuring…
Zoom/scaling note: Checking…
Key Screen Diagnostic Concepts
Screen Resolution
This checker reports screen width and height in CSS pixels. Native panel resolution is a separate hardware specification.
Viewport Size
The live browser area available to a website. This can change when toolbars, zoom, or split-screen layouts change.
Device Pixel Ratio (DPR)
The relationship between CSS pixels and physical pixels. High-DPI screens often use a DPR of 2 or 3.
Understand your screen
Check screen size, viewport size, and display context together
People search for screen size in a few different ways: screen dimensions, screen resolution, display size, viewport size, and monitor size. This page keeps those values together so you can understand what your browser reports right now.
Use the live result for quick checks, QA notes, screenshot context, responsive design debugging, and explaining why a website may look different on two devices with similar physical resolutions.
What size is my screen?
Start with the screen and viewport cards. Both use CSS pixels: screen describes the reported display area, while viewport describes the page area inside your browser.
What is my display size?
For physical monitor inches, enter your diagonal in the monitor calculator. Browsers do not reliably expose diagonal size automatically.
Why is viewport smaller?
Browser chrome, window size, zoom, responsive mode, OS scaling, and mobile address bars can all make the viewport smaller than the full display.
Why does DPR matter?
DPR explains how CSS pixels map to physical pixels. It is useful for sharp images, screenshots, canvas work, and high-DPI testing.
Helpful references
Popular screen size and display checks
Use these supporting tools and references after checking your live screen size on the homepage.
Check live values
Measure and compare
Device references
Compare resolutions
New screen resolution chart
Compare 720p, 1080p, 1440p, 4K, 5K, 8K, ultrawide, and vertical resolutions with pixel counts, aspect ratios, and common use cases.
1080p
1920 × 1080
Common baseline for video, monitors, and QA screenshots.
1440p
2560 × 1440
Popular high-sharpness desktop and gaming reference. See the gaming guide for FPS tradeoffs.
4K UHD
3840 × 2160
Premium display and high-quality export reference.
Popular screen tools
Start with the screen checker, then open calculators, device references, and comparison tools for deeper checks.
Screen Diagnostics Checker
ActiveCopy detailed screen, viewport, DPR, browser, OS, orientation, color depth, and refresh-rate diagnostics for QA notes.
Viewport Size Checker
ActiveMeasure the browser viewport and visual viewport that your website can use right now.
Screen Resolution Checker
ActiveCheck browser-reported screen dimensions in CSS pixels and copy them with viewport and DPR for QA notes.
DPR Checker
ActiveSee your device pixel ratio for responsive images, retina assets, and layout debugging.
Aspect ratio calculators
Calculate common image and video ratios
Open dedicated 16:9, 9:16, 1:1, 4:5, 21:9, and 32:9 calculators for social posts, videos, thumbnails, banners, and ultrawide layouts.
Open ratio calculators
Widescreen
16:9 Aspect Ratio Calculator
Calculate 16:9 dimensions for YouTube videos, widescreen banners, presentations, and HD/4K layouts.
Classic and photography4:3 Aspect Ratio Calculator (and 3:4 Portrait)
Calculate 4:3 landscape or 3:4 portrait dimensions for photos, projectors, tablets, retro video, print, and crops.
Vertical video9:16 Aspect Ratio Calculator
Calculate 9:16 dimensions for TikTok, Instagram Reels, YouTube Shorts, stories, and vertical mobile video.
Square1:1 Aspect Ratio Calculator
Calculate square 1:1 dimensions for profile images, icons, product thumbnails, and social posts.
Find device sizes
Mobile Viewport Database for Device QA
Search iPhone, Android, iPad, and MacBook viewport references with CSS width, physical resolution, DPR, PPI, diagonal size, and export-ready CSV/JSON data for QA and design workflows.
Open device database
iPhone
iPhone Viewport Sizes
CSS viewport width, height, DPR, physical resolution, and PPI references for common iPhone models.
AndroidAndroid Viewport Sizes
Viewport and display references for popular Android phones from Pixel and Samsung Galaxy lines.
iPadiPad Viewport Sizes
Tablet viewport, DPR, physical resolution, and PPI references for iPad testing.
MacBookMacBook Screen Sizes
Logical display points, physical resolution, DPR, diagonal size, and PPI references for MacBook screens.
Compare displays
Compare screens, monitors, TVs, and devices
Use visual comparison pages to compare CSS viewport shape, physical resolution, DPR, PPI, and display context before making QA, design, or buying decisions.
Open comparison pages
Visual display comparison
Screen Size Comparison Tool
Compare phones, tablets, laptops, monitors, and TVs by CSS viewport, physical resolution, DPR, PPI, and relative screen shape.
Monitor comparison24-Inch vs 27-Inch Monitor Size Comparison
Compare a 24-inch 1080p monitor with a 27-inch QHD monitor for desktop responsive testing and workspace planning.
Monitor comparison27-Inch vs 32-Inch Monitor Size Comparison
Compare 27-inch QHD and 32-inch 4K monitor references for desktop UI, dashboard, and design workflows.
TV comparison65-Inch vs 75-Inch TV Size Comparison
Compare 65-inch and 75-inch 4K TV references for presentations, dashboards, media previews, and display planning.
Creator export sizes
Social Media Size Generator for Posts, Stories, and Thumbnails
Generate recommended dimensions for Instagram, TikTok, YouTube, Facebook, LinkedIn, X, and Pinterest placements before exporting posts, thumbnails, stories, and covers.
Open size generatorGuides and tips
Learn the metrics behind the tools
The tools give instant values first. These guide pages expand the hub with device data, social media dimensions, AI image ratios, CSS units, breakpoints, and display-density workflows.
Open guides hub
Display basics
How to Measure Screen Size for a Monitor, Laptop or TV
Measure a screen diagonally without including the bezel, then use its aspect ratio to estimate the visible width and height for monitors, laptops, TVs, phones, and tablets.
Gaming displaysBest Gaming Resolution Guide
Compare 1080p, 1440p, 4K, ultrawide, and handheld-style resolutions for gaming so you can balance sharpness, FPS, monitor size, and GPU workload.
Screen basicsScreen Resolution Chart
Use this practical screen resolution chart to compare 720p, 1080p, 1440p, 4K, 5K, and 8K display sizes for design, QA, gaming, and content export decisions.
Mobile CSSSafe Area Insets for Mobile Layouts
Learn how CSS safe-area insets protect mobile UI from notches, rounded corners, home indicators, and dynamic browser viewport behavior.
Frequently asked questions
Which screen details are shown here?
The live result includes browser-reported screen dimensions in CSS pixels, the current browser viewport size, device pixel ratio, browser, operating system, orientation, color depth, and refresh-rate estimate. Native panel resolution is not detected.
What size is my screen in pixels?
The screen value comes from screen.width and screen.height in CSS pixels. It can differ from your panel’s native resolution because of display scaling. Check operating-system display settings or manufacturer specifications for native pixels. The viewport describes the page area inside your browser window.
Are screen dimensions and viewport dimensions the same?
The browser screen value describes the reported screen area in CSS pixels, while viewport describes the page area inside the browser window. Responsive layouts usually react to viewport size first. Native panel resolution is separate from both.
Can this page detect my monitor size in inches?
Browsers cannot reliably expose physical monitor size in inches. Use the Monitor Size Checker with your monitor diagonal and resolution when you need estimated physical width, height, and PPI.