Samsung Galaxy S22 Simulator — Viewport, Resolution & CSS Specs
Test your website on Samsung Galaxy S22 in one click – no real device required.
- Free
- 9,000+ users
The Samsung Galaxy S22 is a popular device among web developers and designers for testing responsive layouts and mobile UI behavior.
It provides a solid mix of performance and reliability, showcasing Samsung’s consistent approach to smartphone excellence. Year of release: 2022.
Why Test on Samsung Galaxy S22?
Viewport
Standard Samsung viewport exposes layout and navigation inconsistencies.
Pixel Density (DPR)
High pixel density highlights image and icon scaling issues.
Performance & Animations
Smooth interactions are expected — inefficient rendering stands out.
Viewport Size (CSS Resolution)
The CSS viewport defines how media queries, layout breakpoints, and responsive components behave.
For Samsung Galaxy S22, the CSS viewport measures:
- Width: 360 px
- Height: 780 px
ℹ️ The visible height can vary slightly depending on the browser UI (Safari, Chrome, etc.).
Some analytics platforms only display the physical screen resolution (see below) instead of the CSS viewport size, so keep that in mind when interpreting results.
To see exactly how this viewport behaves in real conditions, you can simulate Samsung Galaxy S22 directly in your browser using Phone Simulator.
Test on Samsung Galaxy S22 Now
Accurate viewport simulation directly in your browser.
- No account required
- 30+ devices included
- Works offline
- Free
- 9,000+ users
Pixel Density (Device Pixel Ratio)
Samsung Galaxy S22 has a device pixel ratio of 3.
Each CSS pixel is rendered using 3 physical pixels, resulting in sharper text and images.
For CSS targeting:
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
/* High-DPI specific styles */
}In JavaScript:
window.devicePixelRatio;
// returns: 3Physical Screen Resolution
Physical resolution refers to the actual number of hardware pixels on the display. While it does not affect CSS layouts, it is commonly shown in analytics and device specifications.
- Width: 1080 px
- Height: 2340 px
ℹ️ Physical resolution is not used for CSS layouts but is often shown in analytics tools.
More Devices for Mobile Testing
Apple iPad Pro 11
✅ Ready to Simulate in Extension
11-inch smartphone released in 2021, featuring 834x1194px viewport resolution, 2x pixel density display
See full specifications
Apple iPhone X
✅ Ready to Simulate in Extension
5.8-inch smartphone released in 2017, featuring 375x812px viewport resolution, 3x pixel density display
See full specifications
Apple iPad Air
✅ Ready to Simulate in Extension
11-inch smartphone released in 2024, featuring 820x1180px viewport resolution, 2x pixel density display
See full specifications