Parágrafo e largura da caixa no Firefox vs. IE e Chrome

Question

Minha página da web está configurada para ter largura máxima de 1260px. [Edit] Percebi que este problema existe não só para a minha página, mas também para todas as páginas da rede (ou quase todas, talvez aquelas que têm largura fixa ou largura max-set).

Quando ele é exibido 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 na tela widescreen de 1920px, parece que o Chrome e o IE têm proporções corretas.

NoFF,tenhoOpções->Conteúdo>Avançado&>TamanhomínimodafontedefinidocomoNenhum.

PorqueadiferençanoFFeexisteumamaneiradeterapáginaproporcionalmenteamesmalarguranoFFqueemoutrosnavegadores?

[Edit2]Acabeidenotarqueapropriedadewindow.innerWidthjavascriptmedidanaminhapáginanaminhatelawidescreende1920retorna1920noIEenoChrome,mas1536noFF.Então,oFF"vê" apenas tantos pixels de largura.

    

Answer 1

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

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

Defina todos os valores de item de texto para 10.

Verifique se as configurações de tamanho da fonte nos dois navegadores são iguais.

No Firefox: about: preferences # conteúdo > avançado

No Chrome: chrome: // settings / fonts

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

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