Desativar o escalonamento do Chrome

Question

Então eu tenho essa pequena caixa de exibição no Chrome

<div style="width:100px;height:100px;background:red"></div>

Mas na verdade é 130px grande. O Chrome está dimensionando toda a web por causa do meu monitor de 1080p.

Comodesativá-lo?Éapenasirritantequandovocêestádesenvolvendosites.

    

Answer 1

Desde a versão 54 do Google Chrome, ele agora detecta as configurações de DPI no computador e dimensiona o navegador da web de acordo. Anteriormente, o Google Chrome não prestou atenção nas configurações de DPI do sistema, mas agora isso acontece e essa é a causa raiz do grande problema da interface.

Se o DPI estiver definido para mais de 100 por cento no sistema, isso daria o efeito de "zoom-in". Na maioria dos casos, isso é o que um usuário final desejaria, mas não um desenvolvedor da Web.

Para forçar o Chrome a ignorar a configuração de DPI do sistema, a solução é iniciar Chrome com um dos seguintes parâmetros (existem duas possibilidades dependendo da versão do Chrome e do SO):

• /high-dpi-support=1 /force-device-scale-factor=1
• --high-dpi-support=1 --force-device-scale-factor=1