📱Phone

Honor 70 Pro+

Honor

Device Specifications

📐 Display Information

Viewport Size:1200x2652
Device Resolution:2652x1200
Screen Size:6.78"
Pixel Ratio:3x
Density PPI:429
CSS PPI:143

ℹ️ What is Viewport?

Viewport size (1200x2652) is the CSS pixel dimensions used in responsive web design and media queries. This is what developers see in browser developer tools.

Device resolution (2652x1200) is the actual number of physical pixels on the screen.

Pixel ratio (3x) means 3physical pixels = 1 CSS pixel. Higher ratios provide sharper displays.

📱 Media Query Breakpoints

@media (max-width: 1200px)Portrait width breakpoint
@media (max-width: 2652px)Portrait height breakpoint
@media (min-width: 1201px)Above this device width

🔍 PPI Explanation

Density PPI:429

Physical pixels per inch (higher = sharper)

CSS PPI:143

Effective PPI for web development

Useful Links

🔍 Search Honor 70 Pro+ on Google📱 View on GSMArena📋 Back to Devices List

📊 Viewport Comparison

DeviceViewportResolutionScreen SizePixel Ratio
Honor 70 Pro+1200x26522652x12006.78"3x
iPhone X375x8121125x24365.8"3x

💡 Notes for Developers

Responsive Design: Use media queries based on viewport width (1200px) for this device.
Pixel Density: This device has a 3x pixel ratio, meaning images should be provided in @2x or @3x resolutions.
Touch Targets: Minimum touch target size should be 44x44px for this screen density.
Typography: Base font size of 16px will appear at 143 PPI on this device.

🔗 View Other Devices

All Devices ListiPhone X DetailsSamsung Galaxy S23 Ultra