font-size 在 Firefox 和 Chrome 之间的差异

  • 白杉
  • 编程
  • CSS

Chrome 有个特性是当字号小于 12 px 的时候,按 12 px 处理,以便阅读。

设计这个网站的时候我是全部用 em 处理字体大小的,由于一直使用 Chrome 以及 Chrome 存在这个特性,我调试模板的时候从来不关注字号的真实 px 值,应当缩小的地方直接缩小,反正不会看不见。

(这里还引发过一个问题,一次偶然的调试我发现如果没有显式设置默认字号,CSS 和 JavaScript 在处理 1em 的时候的大小是不一样的。尽管默认的字号 px 值是一样的,但“实际大小”依然不一样。这可能是浏览器内核的一个 bug。)

最近换了一下 Firefox 用用,发现首页友情链接的字体特别小,好像故意不想让人看见特别小气似的,于是上网搜到上面说的原因。大概 IE 和 Edge 也没有这个特性,并且 CSS 没有类似 min-font-size 的属性,只能找到字号不对的地方用脑子算一遍。

还发现 Firefox 和 Chrome 对 input 的长度处理也不一样,导致后台上传图片的地方变形了,不影响使用就先不改了。

虽然情感上现在比较想多支持支持 Mozilla,但做前端兼容太耗精力了,只能是日后加新页面时也用 Firefox 预览一下,目前就先都以 Chrome 为准吧。

顺便说一下,多年前挑选浏览器的时候,由于 Chrome 采取空间换时间的策略,只要内存够大,速度比 Firefox 、Opera、IE 都快,主要在启动速度上快很多,所以使用 Chrome 至今。前几天下载的国际版 Firefox,启动速度没什么差别了,使用体验也挺好,其他两个浏览器现在应该也优化得差不多了。

  • 482
回复内容较长可以拖右下角↑
回到
顶部