嘟嘟社区

为什么CSS里同字号，Firefox显示出来比Chrome小?

moe

本帖最后由 电光 于 2021-12-3 10:02 编辑

CSS是这样写的：

  1. :root {
  2. –bs-body-font-size:0.875rem;
  3. }
  6. font-size: var(–bs-body-font-size)

复制代码

控制台里看，Firefox和Chrome解析出来都是 14px，

可是实际显示效果Firefox的比chrome要小，如果Chrome显示的是14px的话，Firefox显示的也就是Chrome中的12PX

效果如下图

Chrome

2.jpg (15 KB, 下载次数: 0)

27 分钟前 上传

点击文件名下载附件

Firefox

1.jpg (9.85 KB, 下载次数: 0)

27 分钟前 上传

点击文件名下载附件

缩放了是不
缩放或者是尺寸问题吧，既然Firefox和Chrome渲染出的都是一样的，你可以试试换一种写法再试试？或者你弄个页面 就单纯写font-size: 14px; ，看看两个浏览器是不是一样的大小？我没用过Firefox，一直用的都是Chrome
Chrome最小只支持12px，其他浏览器支持更小
想要Chrome支持小于12像素只能用css的镜像缩放   比如22的50% 就是11px了