Por que uma TV 4K não oferece resolução 4K?

Question

Eu projetei a primeira página de um site que contém muitas informações. Eu fixei o tamanho da página para 3530x2070, que deve caber facilmente em uma tela de 4K com uma resolução de 3840x2160.

<div id="mainDiv" style="width:3530px;height:2070px;border:1px black solid;">

No entanto, quando me conecto a uma TV 4K (não um monitor), vejo apenas cerca de 2700 pixels de largura - e isso é usando a resolução de tela de 4096x2160 - o 3840x2160 é ainda mais estreito.

<div id="mainDiv" style="width:2700px;height:1070px;border:1px black solid;">

Já experimentei os modelos da Sony e da Samsung.

Observe também que as TVs detectaram a resolução adequada , ou seja, quando eu defini a resolução do computador da TV para 3840, a TV diz que está em 3840 e quando eu configuro o computador para 4096, a TV também mostra que está configurado para 4096.

Isso significa que o computador e a TV concordam com a resolução, mas o navegador não está mostrando a largura total da página da Web.

Mais uma peça do quebra-cabeça, no meu monitor de computador 1920x1080, o dimensionamento de páginas da Web funciona como esperado (quando eu dimensiono para corresponder a essa resolução). Eu perco alguns pixels para bordas e o frame do navegador e o que não, mas isso é esperado. Perder mais de 1000 pixels na largura não é o que eu espero.

<div id="mainDiv" style="width:1900px;height:1065px;border:1px black solid;">

Estou saindo da mini porta de exibição por meio de um cabo HDMI e, como eu disse, os dois dispositivos concordam com a resolução dessa conexão.

    

Answer 1

O escalonamento DPI parece ser o culpado.

• Versões mais recentes do Windows (desde 8.1) dimensionam automaticamente o DPI para cada exibição para se adaptar a exibições com alta densidade de pixels. Parece que o Windows escalou a TV 4K para 150% do normal (150% de 2700 é 4050, o que é muito próximo de 4096).

• As versões recentes do Firefox e do Chrome detectam a configuração de dimensionamento de DPI do sistema e se adaptam de acordo. Você pode desativar isso com algumas configurações avançadas:

  • No Firefox, isso é controlado pelo valor de configuração layout.css.devPixelsPerPx , que pode ser editado em about:config . -1.0 é o padrão, em que o navegador corresponderá ao valor de escalonamento DPI do sistema no monitor principal. Para forçar o Firefox a não dimensionar o DPI, defina esse valor como 1.0 . Configurar isso para qualquer outro valor positivo instrui o navegador a aumentar tanto (o padrão em seu sistema parece ser 1.5 ).

  • No Chrome, isso é controlado pelo registro DWORD valor high-dpi-support na chave HKCU\Software\Google\Chrome\Profile . Defina como 0 para desativar o dimensionamento, 1 para ativar o dimensionamento ou 2 para usar o padrão.