Что может заставить один и тот же браузер на разных компьютерах по-разному отображать один и тот же HTML

Question

Я в тупике. Клиент и я работаем с Firefox 3.0.12 на компьютерах с XP. Мы просматриваем одну и ту же страницу в одном браузере на разных машинах и получаем разные результаты. Примечание. Все браузеры IE совместимы на обеих машинах, и мой FF 3.5.1 соответствует моему FF 3.0.12. (Он не имеет установленного FF 3.5.x для сравнения).

Разница в 1 пиксель приводит к переносу заголовка div (все изображения без текста) . Мой в порядке. Если я увеличу его заголовок на 1 px (через редактирование Firebug css), это сработает.

Итак, мой вопрос: какие еще переменные влияют на рендеринг ??

Я пытаюсь мыслить «нестандартно», потому что кажется, что оно должно работать точно так же.

Мы очистили кеш браузера. Я проверил исходный код HTML, и кроме отметки даты и времени javascript и кода отслеживания javascript var, источники идентичны.

Я знаю, что этот вопрос был бы полезен с источником, но мой клиент определенно не хочет, чтобы эта страница еще была в Интернете. Также я проверил проблему через сеанс webex. Сначала я не мог поверить, что у нас будут другие результаты.

Кто-нибудь еще сталкивался с чем-то подобным раньше? Что я должен проверить / отладить дальше?

Редактировать: Существует множество предложений, указывающих на шрифты, но в заголовке используются только изображения. Ну, это не совсем верно, есть div, которые являются частью складного меню, но все это установлено на display:none для первоначального рендеринга, так что я думаю, что это что-то еще.

Редактировать 2: Я изменил на своем компьютере всевозможные шрифты и размеры (как системные шрифты по умолчанию, так и в Firefox), чтобы попытаться воспроизвести проблему. Я изменил стиль рендеринга (стандартный или чистый тип). Нада. Проблема почти наверняка не связана со шрифтами. Мне нужно посмотреть, смогу ли я получить больше доступа к компьютеру клиента, чтобы воспроизвести проблему.

Answer 1

Если вы используете Firefox, убедитесь, что вы нажали Ctrl-0, чтобы установить уровень масштабирования по умолчанию.

Answer 2

Поскольку мы не можем взглянуть на сайт в наших собственных браузерах, вот процесс, который я бы использовал, чтобы попытаться решить проблему:

• Начинайте удалять блоки кода по частям, пока два браузера не будут выглядеть одинаково.

• Какой бы блок кода вы в последний раз удалили, чтобы все выровнялось идеально (даже если вам не хватает фрагмента из тела), это то, где виновник.

• Поскольку вы нашли преступника, поместите весь код обратно. Начните возиться со шрифтами в первую очередь. Изменяйте шрифты, размеры, удаляйте текст и т. Д. , пока не найдете условие, при котором браузеры будут одинаковыми. Если это не проблема со шрифтом, начните возиться с другими частями, пока не найдете условие, которое соответствует ему.

• Как только вы это сделаете, вы узнаете свою проблему и сможете обойти ее.

Answer 3

Я знаю, что мой FF3.0 заставляет все выглядеть иначе, чем у других людей, потому что он настроен в настройках на использование минимального размера шрифта 16. Я не получаю мелкий шрифт, я получаю кучу разборчивого письма.

Кроме того, для Mac по умолчанию используются шрифты без засечек, тогда как в Windows все с засечками, что также может изменить ширину и высоту шрифта еще больше.

Если что-либо на вашей странице указано в единицах «em» или «ex», они зависят от размера шрифта.

Answer 4

Вы оба используете один и тот же размер экрана? Firefox пытается масштабировать шрифты до видимого размера лица, просматривающего страницу, или до определенного количества пикселей?

Answer 5

Как насчет настроек сглаживания шрифтов - они одинаковые (нет / antialias / ClearType)? Это может изменить ширину данного текста и может быть именно тем, что вы ищете.

Answer 6

Я бы сравнил плагины / аддоны.

Answer 7

В основном я согласен со всеми «парнями шрифтов», но если это не поможет, попробуйте проверить заголовки HTTP, так как некоторые заголовки могут быть добавлены прокси-серверами, например между сервером и вашим клиентом. Но сначала попробуйте варианты шрифтов ...

Удачи;)

Answer 8

Одна вещь, которая приходит в голову, это установленные шрифты. Если у вас есть шрифт, которого нет у клиента, разница в вычисленном размере может составить 1 пиксель. FF и IE могут округляться по-разному, что объясняет, почему они ведут себя по-разному.

Answer 9

При текущем обновлении в браузере настройки масштабирования браузера принимают настройки dpi системы.

В Windows 7 установка dpi = 125% приведет к эффекту увеличения при 100% увеличении окна браузера.

Итак, это не связано с HTML. то есть, настройки ширины = 300 пикселей создадут поле с разным размером в одном и том же браузере с теми же настройками масштаба, но с разными настройками dpi.

Dpi = 125% приведет к увеличению размера окна.

Итак, если вы хотите уменьшить уровень масштабирования, либо уменьшите масштаб браузера, нажав Ctrl + -, либо уменьшите настройки dpi системы, выполнив шаги

1. для windows 10 http://www.windows10update.com/2015/05/windows-10-tutorials-79-change-dpi-scaling-level-for-displays/
2. для windows 7 http://www.lawfirmsoftware.com/support/change_dpi_settings_windows_7.htm

Answer 10

Я видел эту проблему однажды, и, как оказалось, пользователь увеличил страницу, а увеличение вызвало проблемы с математическим округлением. Я случайно увеличил свою страницу до 120%, у них были только ваши нормальные 100%.