Моя веб-страница установлена на максимальную ширину 1260 пикселей. [Изменить] Я понял, что эта проблема существует не только для моей страницы, но и для всех страниц в сети (или почти для всех, возможно, тех, у которых установлена фиксированная ширина или максимальная ширина).
При просмотре в основных браузерах при 100% масштабе абзац и основная колонка занимают больше места по горизонтали в Firefox, чем в Chrome и IE. Но инспекторы во всех браузерах показывают, что это 1260 пикселей. Скриншоты ниже были сделаны на широкоэкранном экране 1920 пикселей, похоже, что Chrome и IE имеют правильные пропорции.
В FF у меня в Параметры->Содержимое->Дополнительно->Минимальный размер шрифта установлено значение Нет.
Почему такая разница в FF и есть ли способ сделать ширину страницы в FF пропорционально такой же, как в других браузерах?
[Edit2] Я только что заметил, что свойство javascript window.innerWidth, измеренное на моей странице на моем экране шириной 1920, возвращает 1920 в IE и Chrome, но 1536 в FF. Так что FF «видит» только столько пикселей в ширину.
решение1
в Windows. Firefox использует настройки на панели отображения для размера шрифта браузера по умолчанию.
Панель управления > Все элементы панели управления > Дисплей
Установите все значения текстовых элементов на 10.
Убедитесь, что настройки размера шрифта в обоих браузерах одинаковы.
В Firefox: about:preferences#content > advanced
В Chrome: chrome://settings/fonts
Также установите уровень масштабирования на 100% в обоих браузерах.
Мне это помогло, и оба браузера отображают один и тот же контент одинаково.