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

Question

我开发了这个网站 http://www.falestinona.com/nashra 我的笔记本电脑上的网站测试是正确的，并且在IE，Chrome，FF和Opera上具有相同的设计，我发现相同版本的Firefox在不同的计算机上显示不同的设计。我的笔记本电脑上的FF显示正确的设计，而其他笔记本电脑上的相同版本的FF显示设计问题，这个问题与我的朋友一起显示一些正确，而其他人在FF上存在设计问题。 FF干净，没有插件显示相同的问题。附上两张图片：设计正确的FF 设计错误的FF相同版本和干净的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 中，字体渲染和字体的行高渲染因设备而异，并自动计算，因此在设备之间有所不同。 解决方案是为所有 HTML 元素设置静态恒定行高并强制进行此更改。CSS 样式表更改：

---

@import "amiri_font/amiri.css";
*{
font-family: AmiriWeb, 'Amiri QuranWeb', Amiri;
line-height: 1.6 !important;
}