☰

Desativar dimensionamento do Chrome

tag-icon • tag-icon linux google-chrome browser chromium web-development
Desativar dimensionamento do Chrome

Então, eu tenho esta pequena caixa no Chrome

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

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

Exemplo 1[1]

Como desativá-lo? Só é irritante quando você está desenvolvendo sites.

Exemplo 2

Responder1

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 prestava atenção às configurações de DPI do sistema, mas agora presta atenção e essa é a causa raiz do grande problema da interface.

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

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

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

Responder2

Meu problema foi a configuração de acessibilidade "Texto Grande" do gnome. Não sabia que seria detectado pelo navegador Chrome. Depois de desmarcar, o Chrome se comportou conforme o esperado.

informação relacionada