Android Device Viewport Sizes for Samsung, Pixel, and More

Android Viewport Landscape

The Android ecosystem is far more diverse than iOS when it comes to viewport sizes. While iPhones cluster around a few widths, Android devices span a much wider range due to the variety of manufacturers, screen sizes, and form factors.

Popular Android Viewport Widths

Device	CSS Width	CSS Height	DPR
Samsung Galaxy S21-S24	360px	780-800px	3x
Samsung Galaxy A54	412px	915px	2.625x
Google Pixel 7/8	412px	915px	2.625x
Google Pixel 8 Pro	448px	998px	2.625x
OnePlus 12	412px	915px	3.5x
Xiaomi 14	393px	873px	3x

The 360px Standard

Samsung's flagship Galaxy S series has consistently used a 360px CSS viewport width for many generations. This makes 360px a critical breakpoint for Android-focused development. Combined with iPhone's 375px, targeting both 360px and 375px covers the vast majority of mobile users.

Non-Integer DPR Values

Unlike iPhones which use clean 2x or 3x DPR values, many Android devices have fractional DPRs like 2.625 (Pixel phones) or 3.5 (OnePlus). This can cause sub-pixel rendering issues where borders and fine lines appear blurry. Using CSS transforms and avoiding 1px borders on these devices helps mitigate visual artifacts.

Foldable Devices

Samsung's Galaxy Z Fold and Z Flip introduce additional complexity with viewport dimensions that change dynamically when the device is folded or unfolded. The CSS @media (horizontal-viewport-segments: 2) media feature can detect foldable configurations.