Mi página web está configurada para tener un ancho máximo de 1260 px. [Editar] Me di cuenta de que este problema existe no solo para mi página sino también para todas las páginas de la red (o casi todas, tal vez aquellas que tienen un ancho fijo o un ancho máximo establecido).
Cuando se ve en los principales navegadores con un zoom del 100%, el párrafo y la columna principal ocupan más espacio horizontalmente en Firefox que en Chrome e IE. Pero los inspectores de todos los navegadores muestran que es 1260 px. Las capturas de pantalla a continuación se tomaron en una pantalla de 1920 píxeles de ancho, parece que Chrome e IE tienen las proporciones correctas.
En FF, tengo Opciones->Contenido->Avanzado->Tamaño de fuente mínimo establecido en Ninguno.
¿Por qué la diferencia en FF? ¿Hay alguna manera de que la página tenga proporcionalmente el mismo ancho en FF que en otros navegadores?
[Editar2] Acabo de notar que la propiedad javascript window.innerWidth medida en mi página en mi pantalla ancha de 1920 devuelve 1920 en IE y Chrome pero 1536 en FF. Entonces FF "ve" sólo tantos píxeles de ancho.
Respuesta1
en ventanas. Firefox utiliza la configuración en el panel de visualización para el tamaño de fuente predeterminado del navegador.
Panel de control > Todos los elementos del panel de control > Pantalla
Establezca todos los valores de elementos de texto en 10.
Asegúrese de que la configuración del tamaño de fuente en ambos navegadores sea igual.
En Firefox: acerca de:preferencias#contenido > avanzado
En Chrome: chrome://configuración/fuentes
También configure el nivel de zoom al 100% en ambos navegadores.
Esto funcionó para mí y ambos navegadores muestran el mismo contenido por igual.