Я разработал веб-сайт, и проблема в том, что одна и та же версия Firefox показывает разный дизайн на разных компьютерах, в то время как другие браузеры были в порядке?

Question

Я разработал этот веб-сайт http://www.falestinona.com/nashra тесты веб-сайтов на моем ноутбуке являются правильными и имеют тот же дизайн, что и в IE, Chrome, FF и Opera. Я обнаружил, что одна и та же версия Firefox демонстрирует другой дизайн разные компьютеры. FF на моем ноутбуке показывает правильный дизайн, в то время как та же версия FF на другом ноутбуке показывает проблемы с дизайном, и эта проблема с моими друзьями показывает некоторые правильные, а у других проблемы с дизайном на FF. FF чистый, без надстроек показывает ту же проблему. Приложены два изображения: FF с правильным дизайном FF с неправильным дизайном Та же версия и Clean FF и последняя версия

https://support.cdn.mozilla.net/media/uploads/images/2015-06-09-22-05-36-e5d7cf.png

https://support.cdn.mozilla.net/media/uploads/images/2015-06-09-22-05-32-b35e5a.png

Answer 1

В Mozilla Firefox рендеринг шрифта и высота строки шрифта различаются для разных устройств и рассчитываются автоматически, поэтому они различаются для разных устройств решение состояло в том, чтобы установить высоту строки Static Constant для всех элементов html и форсировать это изменение. Изменение таблицы стилей CSS:

---

@import "amiri_font/amiri.css";

*{
font-family: AmiriWeb, 'Amiri QuranWeb', Amiri;
line-height: 1.6 !important;
}