Largura do parágrafo e da caixa no Firefox vs. IE e Chrome

Largura do parágrafo e da caixa no Firefox vs. IE e Chrome

Minha página da web está configurada para ter largura máxima de 1260px. [Editar] Percebi que esse problema existe não apenas para minha página, mas também para todas as páginas da rede (ou quase todas, talvez aquelas que possuem largura fixa ou largura máxima definida).

Quando visualizado nos principais navegadores com zoom de 100%, o parágrafo e a coluna principal ocupam mais espaço horizontalmente no Firefox do que no Chrome e no IE. Mas os inspetores em todos os navegadores mostram que é 1260px. As capturas de tela abaixo foram tiradas em tela widescreen de 1920px, parece que o Chrome e o IE têm proporções corretas.

insira a descrição da imagem aqui

No FF, tenho Opções->Conteúdo->Avançado->Tamanho mínimo da fonte definido como Nenhum.

Por que a diferença no FF e existe uma maneira de ter a página proporcionalmente com a mesma largura no FF que em outros navegadores?

[Edit2] Acabei de notar que a propriedade javascript window.innerWidth medida na minha página na tela widescreen de 1920 retorna 1920 no IE e no Chrome, mas 1536 no FF. Portanto, o FF "vê" apenas alguns pixels de largura.

Responder1

nas janelas. O Firefox usa as configurações do painel de exibição para o tamanho de fonte padrão do navegador.

Painel de controle > Todos os itens do painel de controle > Tela

Defina todos os valores dos itens de texto como 10.

Certifique-se de que as configurações de tamanho da fonte em ambos os navegadores sejam iguais.

No Firefox: about:preferences#content > avançado

No Chrome: chrome://settings/fonts

Defina também o nível de zoom para 100% em ambos os navegadores.

Isso funcionou para mim e ambos os navegadores exibem o mesmo conteúdo igualmente.

informação relacionada