Android Smartphone Screen Resolutions — Complete 2026 Tables for Samsung, Google Pixel, Xiaomi, and Other Brands

When developing responsive websites and mobile applications, it is important to consider the screen resolutions of Android smartphones. Unlike the iPhone, the Android ecosystem includes a much larger number of devices. Manufacturers such as Samsung, Xiaomi, Google, realme, HONOR, TECNO, and others release dozens of smartphones every year with different display specifications.

We have compiled a comprehensive reference containing the screen resolutions of popular Android smartphones, including flagship, mid-range, budget, and foldable models.

The tables include logical resolution, physical display resolution, screen diagonal, Device Pixel Ratio (DPR), and pixel density (PPI). This information will be useful for web designers, frontend developers, responsive layout specialists, and mobile interface testers.

Last updated: October 14, 2026.

Logical and Physical Screen Resolution on Android

When working with responsive web design, it is important to understand the difference between physical display resolution and logical screen dimensions.

• Physical resolution — the actual number of hardware pixels in the display, such as 1080 × 2400 or 1440 × 3120 pixels.
• Logical resolution — the screen dimensions measured in logical coordinates. In mobile web development, these generally correspond to dimensions expressed in CSS pixels.
• DPR (Device Pixel Ratio) — the scaling factor between CSS pixels and physical pixels under the current display settings.
• PPI (Pixels Per Inch) — the physical pixel density of a display, measured in pixels per inch.
• Screen diagonal — the display size measured in inches.

For example, a smartphone with a physical resolution of 1080 × 2400 pixels and a DPR of 3 may have logical screen dimensions of 360 × 800 CSS pixels.

However, logical screen dimensions are not fixed hardware characteristics on Android. Users can change display scaling, interface element sizes, and, on certain devices, screen resolution through system settings. Therefore, the values in these tables should be treated as reference measurements.

For convenience, the tables are organized by manufacturer:

• Google Pixel
• Xiaomi and Redmi
• Samsung Galaxy
• TECNO
• realme
• POCO
• Infinix
• HONOR
• Huawei
• vivo
• OPPO

Note: Screen resolutions are listed in portrait orientation, width × height. For foldable smartphones, inner and outer displays are listed separately. A dash (—) indicates that the typical logical resolution or DPR has not been confirmed for that particular device. DPR and logical screen dimensions may vary depending on the operating system version and display settings.

Google Pixel Smartphone Screen Resolutions

Google Pixel smartphones run Android and provide an important reference point for mobile interface developers. In 2026, the lineup expanded to include the Pixel 11, Pixel 11 Pro, Pixel 11 Pro XL, and foldable Pixel 11 Pro Fold.

Modern Google Pixel smartphones demonstrate that a physical display width of 1080 or 1280 pixels can correspond to a logical width of approximately 410–412 CSS pixels.

Xiaomi and Redmi Smartphone Screen Resolutions

Xiaomi and Redmi smartphones account for a significant segment of the Android market. Their product ranges include both compact flagship devices and larger models with screen diagonals of approximately 6.7–6.9 inches.

Samsung Galaxy Smartphone Screen Resolutions

Samsung produces several major smartphone families, including Galaxy S, Galaxy A, Galaxy Z Fold, and Galaxy Z Flip. Foldable devices are particularly interesting for responsive web development because their screen dimensions change depending on whether the device is folded or unfolded.

Samsung-specific consideration: Models featuring QHD+ displays may use FHD+ rendering resolution by default. Therefore, the actual DPR, viewport dimensions, and rendering resolution may differ from the maximum physical specifications of the display.

TECNO Smartphone Screen Resolutions

TECNO produces several popular smartphone families, including SPARK, POVA, CAMON, and PHANTOM. Budget models often feature HD+ displays, while higher-end devices are equipped with higher-resolution screens.

On certain TECNO devices, the resolution reported to applications may differ from the physical resolution of the display panel due to additional image processing. Therefore, actual viewport dimensions should be checked when testing websites.

realme Smartphone Screen Resolutions

realme smartphones include the GT series, numbered models, and the budget-oriented C series. Recent generations feature displays with physical widths of 1200, 1272, 1280, and 1440 pixels.

POCO Smartphone Screen Resolutions

The POCO brand focuses on performance-oriented and affordable smartphones. Its product lineup includes the F, X, M, and C series, featuring both HD+ and high-resolution displays.

Infinix Smartphone Screen Resolutions

Infinix produces smartphones under the NOTE, HOT, SMART, GT, and ZERO series. These devices feature a variety of screen sizes, while higher-end models increasingly use displays with higher pixel densities.

HONOR Smartphone Screen Resolutions

HONOR produces flagship Magic smartphones, foldable Magic V devices, and mainstream HONOR X and numbered series models. Some flagship devices use nonstandard display scaling factors, such as 3.2.

Huawei Smartphone Screen Resolutions

Huawei's smartphone portfolio includes the Pura, Mate, and nova series, as well as foldable Mate X devices. These smartphones are included for comparison of mobile screen dimensions.

Important: Modern Huawei smartphones do not necessarily run Android in every region. Depending on the model and market, they use EMUI or HarmonyOS, including versions of HarmonyOS that are not based on Android. Therefore, Huawei display specifications are useful for responsive web development, but their inclusion does not mean that every listed device is an Android smartphone.

vivo Smartphone Screen Resolutions

vivo smartphones use displays with different scaling factors. This is particularly noticeable in the X series, where high physical resolutions are combined with logical screen widths of approximately 380–400 pixels.

OPPO Smartphone Screen Resolutions

OPPO smartphones include the flagship Find series, Reno models, and affordable A-series devices. Foldable Find N smartphones, which feature two separate displays, are particularly relevant for responsive interface development.

As of the date of this reference update, the new flagship OPPO Find X10 series has already been announced, but its global launch is scheduled for October 21, 2026. Therefore, Find X10 models are not included in the tables until their complete official specifications are published.

What Are the Most Common Android Smartphone Screen Resolutions?

Despite the enormous number of Android smartphone models, many devices share identical or very similar physical screen resolutions.

Some common examples include:

• 720 × 1600 — a common HD+ resolution used in budget smartphones.
• 720 × 1612 — an HD+ display variant with an elongated aspect ratio.
• 1080 × 2340 — Full HD+ displays with an aspect ratio of approximately 19.5:9.
• 1080 × 2400 — a widely used resolution in mid-range smartphones.
• 1080 × 2436 — elongated Full HD+ displays found in certain TECNO and Infinix models.
• 1220 × 2712 — higher-definition displays used in several Xiaomi, Redmi, and POCO devices.
• 1260 × 2800 — a high-resolution display configuration found in HONOR, vivo, and other smartphone brands.
• 1440 × 3120 — QHD+ resolution used in several Samsung flagship models.
• 1440 × 3200 — a high-resolution configuration found in flagship Android smartphones from different manufacturers.

It is important to understand that identical physical screen resolutions do not guarantee identical browser viewport dimensions. Different smartphones may use different display scaling factors.

Which Screen Resolutions Should Be Considered in Responsive Web Design?

When developing responsive websites, the available viewport width in CSS pixels is more important than the physical display resolution.

The following reference ranges frequently appear in Android smartphone specifications:

• 320–360 px — compact interfaces and some budget smartphones.
• 375–393 px — common mobile viewport widths.
• 400–412 px — a large number of modern Android smartphones.
• 420–460 px — certain devices with larger displays or different density settings.
• 600–900 px and above — some foldable smartphones in their unfolded state.

However, these values should not be used as strict CSS breakpoints tied to specific smartphone models.

A more reliable approach is to design responsive interfaces based on available space rather than device names.

Responsive CSS Example

/* Base styles for mobile devices */
.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
}

/* Medium screens */
@media (min-width: 600px) {
    .container {
        padding: 24px;
    }
}

/* Tablets and wider windows */
@media (min-width: 900px) {
    .container {
        padding: 32px;
    }
}

This example follows a common mobile-first approach. Actual breakpoints should be selected based on the content and design requirements of the website.

How to Check Android Smartphone Screen Resolution with JavaScript

If you need to determine a visitor's screen dimensions directly in the browser, you can use standard JavaScript properties.

const screenInfo = {
    screenWidth: window.screen.width,
    screenHeight: window.screen.height,
    viewportWidth: window.innerWidth,
    viewportHeight: window.innerHeight,
    dpr: window.devicePixelRatio
};

console.table(screenInfo);

The properties have the following meanings:

• screen.width — screen width in CSS pixels.
• screen.height — screen height in CSS pixels.
• innerWidth — the current browser layout viewport width.
• innerHeight — the current browser layout viewport height.
• devicePixelRatio — the current display scaling factor.

To estimate the number of physical pixels corresponding to the CSS screen dimensions, you can use:

const estimatedWidth =
    Math.round(screen.width * devicePixelRatio);

const estimatedHeight =
    Math.round(screen.height * devicePixelRatio);

console.log(estimatedWidth, estimatedHeight);

Important: This calculation does not guarantee the native physical resolution of the display panel. The result can be affected by display modes, scaling, browser configuration, and device-specific behavior.

Responsive Web Design for Foldable Smartphones

The growing popularity of foldable smartphones is one of the most significant changes in the mobile device market in recent years.

Google Pixel Fold, Samsung Galaxy Z Fold, HONOR Magic V, Huawei Mate X, and similar devices allow users to switch between compact external displays and larger internal screens.

Websites must respond correctly when the available viewport dimensions change, without requiring the page to reload.

You can use the JavaScript resize event to detect viewport changes:

function updateViewportInfo() {
    const width = window.innerWidth;
    const height = window.innerHeight;

    console.log("Viewport:", width, height);
}

window.addEventListener("resize", updateViewportInfo);

updateViewportInfo();

However, responsive behavior should primarily be implemented using CSS features such as Flexbox, Grid, relative units, and media queries.

JavaScript is most useful when changes in viewport dimensions require additional interface logic.

What Is the Difference Between DPR and PPI?

These two display characteristics are frequently confused, although they describe different properties.

PPI refers to the physical density of pixels on a display. It is determined by the display panel's resolution and physical dimensions.

DPR indicates how many physical pixels correspond to one CSS pixel under the current display scaling configuration.

For example, two smartphones may have similar pixel densities of approximately 450 PPI while using DPR values of 2.75 and 3.2, respectively.

In web development, DPR is important when working with high-resolution images, Canvas, and other graphical elements. PPI is useful for comparing the physical sharpness of displays, but it is generally not used to select CSS breakpoints.

Why Can Logical Screen Resolution Change on Android?

Android provides several system-level mechanisms for scaling the user interface. Users can change display size, font size, and, on certain devices, the screen resolution mode.

As a result, even two identical smartphones may report different values for window.screen.width and window.devicePixelRatio.

It is also important to distinguish between Android's dp units (density-independent pixels) and browser CSS pixels. They serve similar density-independent scaling purposes, but they are not completely interchangeable in every situation.

When developing responsive websites, it is recommended to check actual viewport values rather than relying exclusively on screen resolution tables to determine interface dimensions.

Data Sources and Table Accuracy

This reference was prepared using manufacturers' technical specifications and Android developer documentation.

• Google — Pixel Technical Specifications
• Google — Pixel 11 Pro Fold
• Samsung — Official Website
• Xiaomi — Official Website
• POCO — Official Website
• realme — Official Website
• TECNO — Official Website
• HONOR — Official Website
• Huawei — Official Website
• vivo — Official Website
• OPPO — Official Website
• Android Developers — Supporting Different Pixel Densities

Note: These tables provide a reference for popular smartphone models rather than a complete catalog of every Android device. Physical resolutions are based on hardware specifications, while logical dimensions and DPR values represent reference configurations. They may vary depending on the operating system, browser, display scaling settings, and regional device variants. For certain newer devices, only the confirmed physical resolution is listed, without unverified logical scaling values.

Conclusion

Android smartphone screen resolutions vary significantly, even between devices within the same product family. Smartphones with identical physical display resolutions may use different scaling configurations, while foldable devices introduce additional changes in available interface dimensions when opened or closed.

For web developers, the most practically important measurement is the logical viewport width in CSS pixels, because it determines how much space is available for website interface elements.

These screen resolution tables for Samsung, Google Pixel, Xiaomi, Redmi, POCO, realme, TECNO, Infinix, HONOR, Huawei, vivo, and OPPO provide a convenient way to compare devices, test responsive layouts, and select appropriate reference viewport dimensions.

This reference has been updated for October 2026. As manufacturers release new devices and Android display scaling settings evolve, the information should be reviewed and updated periodically.