Chrome与FF亚像素渲染

时间:2015-11-20 04:06:20

标签: css html5 google-chrome firefox

在试图弄清楚为什么网站在不同屏幕分辨率下看起来不同之后,我终于意识到这是因为浏览器并不真正尊重你在风格中所赋予的价值。以下是一个示例:http://jsfiddle.net/daneren2005/6c5ozj1q/1/我所做的只有一个元素<div style="width: 8.932px; height: 11.1635px;"></div>,并使用alert($('div')[0].getBoundingClientRect().width);输出宽度。

在那个小提琴FF输出8.933334350585938和Chrome输出8.921875。我输入的实际宽度为8.932像素,因此FF偏离0.001,Chrome则偏差0.01。有没有办法让div实际上成为我告诉他们的宽度?对于99.9%的案例来说,这不是一个问题,但是有一小部分被放置得非常完美,因此它对不同的用户显示不同。 PS这不是一个演示/新闻类型的网站,我可以掩盖它。它是用于用户生成自己内容的网站,并且有无数种方式可能导致问题。想想http://fabricjs.com/

0 个答案:

没有答案