Características Google Pixel 8 (2024)

Resolução do viewport (regras CSS)

É a resolução que mais interessa aos designers e desenvolvedores, pois condiciona os breakpoints e a definição das media queries. Em geral, só se fala dessa resolução.
Em relação a Google Pixel 8 (2024), ela é de:

• 412 pixels em largura (width)
• 915 pixels em altura (height) ⚠️ a altura é indicativa, pois o navegador Safari, Chrome, etc.. reduz a área visível

ℹ️ Algumas ferramentas de análise mostram apenas a resolução do fabricante (abaixo) e não a apresentada acima, portanto, cuidado ao interpretar os resultados.

---

Disponível no simulador

Teste seu site responsivo em Google Pixel 8 (2024) graças à extensão do navegador.
É gratuito e ativável em 2 cliques.

Instalar a extensão Chrome

---

Densidade de pixel

No Google Pixel 8 (2024) ela é de 2.625

Se você deseja segmentar em CSS os dispositivos com pelo menos essa densidade de pixel, você pode usar esta media query.

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 2.625) {

                                /* CSS */

                            }
                        
                    

Também em javascript, é possível recuperar o valor da densidade de pixel.

                        
                            window.devicePixelRatio

                            // O que retornará o número 2.625

                        
                    

---

Resolução do fabricante Google Pixel 8 (2024)

Dada a densidade de pixel, isso resulta em:

• 1080 pixels em largura
• 2400 pixels em altura

---

Mockup HD gratuito no formato PNG