Google • SMARTPHONE • 6.7"
Google Pixel 8 Pro Viewport Size & CSS Resolution
Google Pixel 8 Pro features a 6.7-inch Super Actua display with 412 x 892 CSS logical pixels at 3.25x DPR. Use the interactive simulator and verified CSS media queries below for pixel-perfect responsive frontends.
CSS Viewport412 × 892px logical
Physical Screen1344 × 2992px native
Device Pixel Ratio3.25× DPRRetina scale
Aspect Ratio20:96.7"
Brand & YearGoogleReleased 2023
Tailwind TierDefaultDefault Mobile (< 640px)
Interactive Display Canvas Simulator
Simulates Google Pixel 8 Pro canvas proportion (412 × 892 CSS px)
9:41100%
Google Pixel 8 Pro412 × 892 px
DPR: 3.25x
20:9
Responsive Viewport
Ready-to-Use Developer Snippets
@media screen and (max-width: 412px) and (orientation: portrait)
Frontend Design Best Practices
- 412px width is Google Chrome mobile emulator standard default for Android.
- Test gesture navigation bars at the bottom with env(safe-area-inset-bottom).
CSS Viewport Specification
CSS Logical Width412 px
CSS Logical Height892 px
Hardware Native Width1344 px
Hardware Native Height2992 px
Pixel Density (DPR)3.25×
Aspect Ratio20:9
Frequently Asked Questions About Google Pixel 8 Pro Screen Dimensions
Frequently Asked Questions
Frequently Asked Questions
Everything you need to know regarding specifications, syntax, and security best practices.
The Pixel 8 Pro renders at 412 x 892 CSS pixels.