特定的Mac显示:内联块问题

时间:2017-06-26 09:41:26

标签: css macos display

我遇到的问题是某个特定的mac没有显示我正确构建的某个网站。我测试过的每个其他mac和pc都正确地显示了网站,但是在它上面的所有浏览器中这个特定的mac显示不正确我得到的问题是内联块元素不是彼此相邻的,我有所有'hacks'到位如上所述,这在每台其他计算机上都能正确显示。

这里的问题是完全相同的问题,但它似乎没有得到解决。

https://discussions.apple.com/thread/6650689?start=0&tstart=0

我知道我可以尝试花车,但我宁愿找到这个原因的路线,是否有人知道这可能发生的任何原因?

1 个答案:

答案 0 :(得分:0)

如果浏览器渲染仅在单个或几台机器上有所不同,则字体可能是罪魁祸首。确保所有计算机使用相同的字体来呈现页面,实际上甚至使用相同版本的字体。

随着时间的推移,许多字体会稍微修改,通常是字距调整(两个字符之间的空格)或提示(描述字体的曲线应该如何映射到屏幕上的像素)可能会发生变化,从而导致非常小的差异。显示时某些文字消耗的宽度。

如果字体版本确实是罪魁祸首:请记住,您网页的访问者也可能会遇到这样的错误"版本的字体。因此,建议您尝试改进HTML布局。

我经常发现,将一些百分比空置有助于处理此类字体问题。例如:div(宽度= 100%)在每个"行"中包含两个元素,第一个是宽度约1/3的标签,第二个是一些控制,占据了剩下的空间。使用width:33%width:67%定义它们通常会导致第二部分布置在第一部分下方而不是彼此相邻的情况下。将宽度更改为width:32%width:65%通常可以解决此问题,因为在布局元素时,它允许在浏览器中出现一些舍入错误。