我已经开发了网站，问题是同一版本的Firefox在不同的计算机上显示了不同的设计，而其他浏览器很好吗？

Question

i have developed this website http://www.falestinona.com/nashra the website tests on my laptop are correct and same design over IE, Chrome, FF and Opera the problem i have found that same version of firefox shows the design different on different computers. FF on my laptop shows correct design while same version of FF on other laptop shows design problems and this problem shows with my friends some correct and others have design problems on FF. FF is clean with no addons shows the same problem. Attached Two Images: FF with Correct Design FF with Wrong Design Same version and Clean FF and Latest Version

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

in Mozilla Firefox font rendering and line height rendering of the font differ between devices and automatically calculated so it differs between devices. the solution was to set Static Constant line height for all html elements and forcing this change. CSS StyleSheet Change:

---

@import "amiri_font/amiri.css";

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