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 Samsung Smart TV NEO QLED 4K 55", ela é de:
- 1920 pixels em largura (width)
- 1080 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 Samsung Smart TV NEO QLED 4K 55" graças à extensão do navegador.
É gratuito e ativável em 2 cliques.
Densidade de pixel
No Samsung Smart TV NEO QLED 4K 55" ela é de 2
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) {
/* CSS */
}
Também em javascript, é possível recuperar o valor da densidade de pixel.
window.devicePixelRatio
// O que retornará o número 2
Resolução do fabricante Samsung Smart TV NEO QLED 4K 55"
Dada a densidade de pixel, isso resulta em:
- 3840 pixels em largura
- 2160 pixels em altura
Mockup HD gratuito no formato PNG
